a标签伪类的顺序

在一次开发项目中，我用a链接来做效果，测试的时候发现，a:hover被点击后的效果就不再了！我百度才知道，原来在css写a链接也是有顺序之分的。

顺序应该是：

a：link a标签还未被访问的状态；

a:visited a标签已被访问过的状态；

a:hover 鼠标悬停在a标签上的状态；

a:active a标签被鼠标按着时的状态；

本质就是“同等优先权的样式，写在后边的会覆盖前边”，a标签的伪类只不过是又结合了不用的动作顺序，动作的触发顺序决定了伪类的顺序。

因为前2者两种状态是常态，而后2者是即时状态，当即时状态触发时，要覆盖常态，所以2个即时状态要放在后边。

转载于:https://www.cnblogs.com/Yirannnnnn/p/4540061.html