a标签的伪类排列顺序为::link→:visited→:hover→:active
下面分析为什么要这么排列。
(1)不论在什么情况下,链接激活时都应该有一个样式变化(:active),我们就把:active放在最后,防止该元素具备其它状态时,被其它状态的设置覆盖掉。
(2)当鼠标悬停时(:hover),不论是否访问过都应该有样式变化,也就是说这个效果应该能覆盖未被访问时(:link)和已访问过(:visited)两种状态。:hover应该放在倒数第二位。
(3)被访问过的链接(:visited)需要有不一样的样式,用来区别链接是否被访问过。也就是说:visited状态的属性可以覆盖掉:link状态的属性,即:visited要放在:link的后面。