有关于a标签的4个伪类的使用方法
发布时间：2011-07-22 14:08:14 作者：佚名 
我要评论
我要评论上面是伪类的正确顺序，简称 lvha(love-ha)。你一直知道这个顺序但是为什么这样呢？原理是怎么样的？
复制代码
代码如下: a:link{color:#f30;}
a:visited{color:#000;}
a:hover{color:#fff;}
a:active{color:#f99;}
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 这两个伪类，并不需要顺序关系。（他们两的位置可以交换）
相关文章
- html5 的a标签是可以拨电话的，通过其Href属性来实现，需要的朋友可以了解下2013-11-04
- a标签的伪类只不过是又结合了不同的动作顺序，动作的触发顺序决定了伪类的顺序必须按lvha来写，接下来为大家详细介绍下，感兴趣的朋友不妨参考下2013-09-27
- CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。本文将详细介绍经常用于定义链接样式的四个伪类,需要的朋友可以参考下2012-12-10
- 去掉a标签超链接的虚线框的方法，需要的朋友可以参考下。2011-11-23
- 一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制2013-12-09
最新评论