CSS中超链接样式的书写顺序

CSS中超链接样式的书写顺序

超链接有四种样式：

a.link{}        /* 正常情况下的样式 */

a.visited{}   /* 已访问过的样式 */

a.hover{}    /*  鼠标超链接移过时的样式 */

a.active{}    /*  鼠标在超连接上使用右键时的样式 */

正常的书写顺序应该如上面的写法，即：lvha，可以按“LoVe,HAte" 来帮助记忆

如果没有按照这个顺序的话，那可以显示的结果就可能会出现问题，比如，在最近的项目中，我就遇到问题，我把a.hover写在了a.visited 的前面，然后当我点击了鼠标触发了a.visited后，a.hover就失去了作用，下次再把鼠标移过超链接时，超链接根本就不会变成a.hover中 定义的样式。

转载于:https://www.cnblogs.com/yeminglong/archive/2012/04/06/2434248.html