解决方案
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 .
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 .