碎片时间学编程-css：[15] 什么是 CSS 伪类？

　　碎片时间学编程-css：[15] 什么是 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() 允许您根据文档的语言应用特殊样式，对于多语言网站很有用

　　今天就讲到这里，如果有问题需要咨询，大家可以直接留言或扫下方二维码关注公众号。也可以添加 happyzjp 微信受邀加入学习社群，我们会尽力为你解答。练习网站已经正式上线，大家可以登陆我的网站 进行示例的练习。