您现在的位置是:网站首页> 编程资料编程资料
有关于a标签的4个伪类的使用方法_CSS教程_CSS_网页制作_
2021-09-08
797人已围观
简介 上面是伪类的正确顺序,简称 lvha(love-ha)。你一直知道这个顺序但是为什么这样呢?原理是怎么样的?
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 这两个伪类,并不需要顺序关系。(他们两的位置可以交换)
相关内容
点击排行
本栏推荐
-
魔兽世界tbc怀旧服附魔福利wa 支持快速购买哈兰飞镖_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服物品使用统计WA字符串 监控团本成员药水和物品使用情况_网络游戏_游戏攻略_
-
魔兽世界TBC怀旧服牧师真言术盾数值监视wa 侧面显示具体数值_网络游戏_游戏攻略_
-
魔兽世界17周年庆奖励是什么 wow17周年庆奖励汇总_网络游戏_游戏攻略_
-
魔兽世界wlk怀旧服万圣节糖果指引WA字符串 显示糖果包任务位置已汉化_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服技能释放次数及回蓝监控wa 更加方便掌握爆发_网络游戏_游戏攻略_
-
魔兽世界9.15小号怎么升级快 wow9.15小号升级攻略_网络游戏_游戏攻略_
猜你喜欢
- 魔兽世界tbc怀旧服附魔福利wa 支持快速购买哈兰飞镖_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服物品使用统计WA字符串 监控团本成员药水和物品使用情况_网络游戏_游戏攻略_
- 魔兽世界TBC怀旧服牧师真言术盾数值监视wa 侧面显示具体数值_网络游戏_游戏攻略_
- 魔兽世界17周年庆奖励是什么 wow17周年庆奖励汇总_网络游戏_游戏攻略_
- 魔兽世界wlk怀旧服万圣节糖果指引WA字符串 显示糖果包任务位置已汉化_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服技能释放次数及回蓝监控wa 更加方便掌握爆发_网络游戏_游戏攻略_
- 魔兽世界9.15小号怎么升级快 wow9.15小号升级攻略_网络游戏_游戏攻略_