欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css中伪类选择器详解(a:visited不生效的原因)

程序员文章站 2022-04-19 17:37:55
...

css伪类是一种css定义的方法,主要用于对链接显示效果的定义,
主要包括:

  1. a:link :链接平常的状态。
  2. a:visited:链接被访问之后的状态。
  3. a:hover:鼠标停留在链接上的状态。
  4. a:active:链接被**时的状态,也就是网页链接跳转之前的鼠标松开的状态。

在css中定义一个链接的伪类链接一定要遵循某个顺序,否则样式顺序出现错误,后面的样式被前面的样式覆盖,如下所示:

a:link{
	color:#036;
}
a:visited{ font-weight:bold;
			text-decoration:line-through;
			color:rgba(240,255,0,1.00);
}}
		
a:hover{font-weight:bold;
}
a:active{
	color:#f00;
}

定义顺序为a:link>a:visited>a:hover>a:active;

关于a:visited属性不生效的问题:

a:visited因为安全问题,在高版本的浏览器中,只有color属性才可以生效,
也只是仅限于ie浏览器才有用,其他的浏览器会因为缓存的原因,导致a:visited的属性在网页载入之后就会生效。
css中伪类选择器详解(a:visited不生效的原因)
css中伪类选择器详解(a:visited不生效的原因)
而我在ie低版本的浏览器上测试,color属性没有生效,但是下划线的效果生效了。
参考链接
css属性失效
伪类属性

相关标签: 网页设计