您现在的位置是：网站首页> 编程资料编程资料

有关于a标签的4个伪类的使用方法_CSS教程_CSS_网页制作_

2021-09-08 795人已围观

简介上面是伪类的正确顺序，简称 lvha(love-ha)。你一直知道这个顺序但是为什么这样呢？原理是怎么样的？

复制代码

代码如下:

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 这两个伪类，并不需要顺序关系。（他们两的位置可以交换）

上一篇：引用css文件失效解决方法_CSS教程_CSS_网页制作_

下一篇：DIV+CSS实例虚线边框|CSS虚线下划线及虚线用应_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

有关于a标签的4个伪类的使用方法_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢