a标签的伪类选择器使用顺序-前端开发-阁主学习小站

摘要：

CSS伪类是用来添加一些选择器的特殊效果。

由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。

优先级

当遇到选择不同的选择器，选中同一个元素时并且设置相同的样式时，样样式之间就会产生冲突，如何选择定义的样式，由选择器的优先级（权重）来决定，优先级高的优先显示。

优先级的规则：

常用伪类.png

涉及到的a标签伪类常用的有四个：

这四个选择器的优先级是一样的。

a:link {
color: #FF0000;
}

a:visited {
color: #000000;
}

a:hover {
color: #008000;
}

a:active {
color: #FFFF00;
}

由于样式的叠加特性和用户的操作顺序影响

以上四个伪类选择器在书写时尽量按照link vistied hover active的顺序来书写。

本文地址：https://www.mainblog.cn/181.html
版权声明：本文为原创文章，版权归阁主所有，欢迎分享本文，转载请保留出处！
免责申明：有些内容源于网络，没能联系到作者。如侵犯到你的权益请告知，我们会尽快删除相关内容。