什么是CSS伪类？

CSS伪类提供了一种根据元素状态的变化来设置样式的方法。例如，:hover可以在用户将鼠标悬停在元素上时应用额外的样式。

伪类允许您根据文档树的内容（例如:first-child）、导航器的历史记录（例如:visited）、内容的状态（例如:checked）或鼠标的位置（例如:hover）来应用样式于元素。

常用的伪类

以下是前5个最常用的伪类及其用法的列表。这个列表并不完整。您应该始终参考权威来源的相关文档，例如MDN以获取更多信息。

• :hover、:focus和:active用于提供用户交互的反馈（例如在悬停时更改按钮的颜色）
• :link和:visited用于根据导航历史记录来设置链接的样式（例如更改已访问链接的颜色）
• :first-child、:last-child、:nth-child()和nth-last-child()在处理元素集合时非常有用
• :not()用于匹配除给定选择器之外的所有元素，可以在设置难以选择的元素的样式时非常有用
• :lang()允许您根据文档的语言应用特殊样式，对于多语言网站非常有用