在一次开发项目中，我用a链接来做效果，测试的时候发现，a:hover被点击后的效果就不再了！我百度才知道，原来在css写a链接也是有顺序之分的。
顺序应该是：
a：link a标签还未被访问的状态；
a:visited a标签已被访问过的状态；
a:hover 鼠标悬停在a标签上的状态；
a:active a标签被鼠标按着时的状态；
本质就是“同等优先权的样式，写在后边的会覆盖前边”，a标签的伪类只不过是又结合了不用的动作顺序，动作的触发顺序决定了伪类的顺序。
因为前2者两种状态是常态，而后2者是即时状态，当即时状态触发时，要覆盖常态，所以2个即时状态要放在后边。
原文：http://www.cnblogs.com/Yirannnnnn/p/4540061.html