如何使用伪类选择器进行精确的CSS样式控制？

本文共计1085个文字，预计阅读时间需要5分钟。

/+作者：+老和尚 +CSDN认证讲师 +51CTO高级讲师 +腾讯课堂认证讲师 +网易云课堂认证讲师 +华为开发者学院认证讲师 +爱奇艺千人行策划成员 +在这里，与大家分享技术、知识+/**

/*
*作者：呆萌老师
*☑csdn认证讲师
*☑51cto高级讲师
*☑腾讯课堂认证讲师
*☑网易云课堂认证讲师
*☑华为开发者学堂认证讲师
*☑爱奇艺千人名师计划成员
*在这里给大家分享技术、知识和生活
*各种干货，记得关注哦！
*/

伪类选择器

伪类：同一个标签，根据其不同的状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。

比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。

静态伪类和动态伪类

伪类选择器分为两种。

（1）静态伪类：只能用于超链接的样式。如下：

• ​​:link​​超链接点击之前
• ​​:visited​​链接被访问过之后

PS：以上两种样式，只能用于超链接。

（2）动态伪类：针对所有标签都适用的样式。如下：

• ​​:hover​​“悬停”：鼠标放到标签上的时候
• ​​:active​​“激活”：鼠标点击标签，但是不松手时。