CSS超链接伪类的顺序

CSS超链接伪类的顺序

一.超链接用到的伪类

伪类	表示状态
link	任何状态
visited	链接处于被访问状态（根据浏览器历史记录判断）
hover	鼠标悬浮于元素时的状态
active	当元素被激活（鼠标点击）时

二.优先级

对于超链接，一般会选择使用元素选择器来应用样式。

a:link{
    ...
}

a:visited{
    ...
}

a:hover{
    ...
}

a:active{
    ...
}

可见，上述四个选择器的优先级相同

所以，上述四个选择器的顺序尤其重要

 

因为a:link表示任何状态，所以，必须放在第一个，否则会将前面的样式覆盖。

因为在进行激活时，鼠标也悬浮在链接上，所以如果将hover写在active后，激活连接时，仍然应用hover的样式。

 

三.结论

a:link 放在第一个

a:hover放在a:active前面