css中伪类选择器详解(a:visited不生效的原因)
程序员文章站
2022-04-19 17:37:55
...
css伪类是一种css定义的方法,主要用于对链接显示效果的定义,
主要包括:
- a:link :链接平常的状态。
- a:visited:链接被访问之后的状态。
- a:hover:鼠标停留在链接上的状态。
- 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低版本的浏览器上测试,color属性没有生效,但是下划线的效果生效了。
参考链接
css属性失效
伪类属性