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

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

超链接有四种样式:

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

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

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

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

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

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

如果这篇文章对您有帮助,您可以打赏我

技术交流QQ群:15129679

原文地址:https://www.cnblogs.com/yeminglong/p/2434248.html