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

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的属性在网页载入之后就会生效。
在这里插入图片描述
ie浏览器
而我在ie低版本的浏览器上测试,color属性没有生效,但是下划线的效果生效了。
参考链接
css属性失效
伪类属性

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章