关于超链接a的四个伪类的顺序问题

a的四个伪类
link:代表打开页面超链接的原始状态
visited:链接被访问过后的状态
hover:鼠标悬停在超链接上的状态
active:当鼠标被按下去的状态
代码及解释如图所示:
在这里插入图片描述
四个伪类的顺序很重要,按照css规则,同一个元素的选择器,后面的样式覆盖前面的,link和visited的顺序可以随意一点。 但也要在前面。
visited要放在hover前面,如果hover在visited的前面,并且visited已经被访问过,则当鼠标再次悬停的时候, visited的颜色会覆盖hover的颜色,不能看到颜色变化,同理,active也应该放到visited后面
再看hover和active,触发active前会先触发hover,如果active在前,不管如何,hover的颜色会覆盖active的颜色
所以正确的顺序应该是代码中的那样。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值