有一篇关于a标签的4个伪类的如何使用方法

中岁颇好道,晚家南山陲。兴来美独往,胜事空自知。一些风景再好,终不属于自己;有些情感,路过交错,已然是最好的结局。
复制代码
代码如下:
a:link{color:#f30;}
a:visited{color:#000;}
a:hover{color:#fff;}
a:active{color:#f99;}

原理  

首先伪类的特殊性(应用优先级)是同样的,所以后出现的伪类会覆盖先出现的伪类(同时激活)
lvha 规则是由于CSS特殊性导致,css特殊性有一个按顺序的规则(同一条css规则,后出现会覆盖前面的同样规则)
在这里,比如把hover放在active后面,那么实际你在激活(active)链接的时候就触发了hover伪类,hover在后面覆盖了active的颜色,所以始终无法看到active的颜色
如果把visited放在hover的后面,那么已经访问过的链接始终触发visited伪类,根据第一条会覆盖hover里面的颜色。
其实 link visited 这两个伪类,并不需要顺序关系。(他们两的位置可以交换)

本文有一篇关于a标签的4个伪类的如何使用方法到此结束。当一个人摆脱了自已的恐惧,就会觉得无比的畅快和舒适。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
一篇关于CSS浮动与取消浮动的问题

一篇关于CSS中定位的小结

一个一篇关于border-radius值设置的问题记录

一篇关于css中line-height(行高)设置无效的问题的如何解决方法

一篇关于CSS引入方式的详细见解小结