设置a标签的visited、hover状态,未能出现预期的效果

来源:互联网 发布:手机淘宝的积分在哪看 编辑:程序博客网 时间:2024/05/30 05:06

解决方案

a :link、a:hover、a:visited这几个元素,定义CSS时候的顺序 不同,也会直接导致链接显示的效果不同。
浏览器解释CSS时遵循的“就近原则”。
1.鼠标经过的“未访问链接”同时拥有 a:link、a:hover 两种属性,后面的属性会覆盖前面的属性定义;
2.鼠标经过的“已访问链接”同时拥有 a:visited、a:hover 两种属性,后面的属性会覆盖前面的属性定义 ;
正确的顺序:a:link、a:visited、a:hover 、a:active .

参考

http://greenexe.iteye.com/blog/933060

0 0