“超链接样式被点击过后a:hover{}和a:active{}样式不起作用”的原因及解决方法

今天发现了超链接样式被点击过后a:hover{}和a:active{}样式不起作用，可通过改变CSS属性的排列顺序解决：

<style>

<!--

a:link {}

a:visited {}

a:hover {}

a:active {}

-->

</style>   

我个人认为原因是：如果a:hover {}写到a:active {}后面就会覆盖a:active {}，因为点击时鼠标也是在元素上的，因此它们具有包含性，就像数学中的集合，应该由大到小。