不正经的前端 | 八股伪类选择器有哪些？
题干
- 伪类选择器
题解
CSS 伪类选择器是一种特殊的选择器，它可以根据元素的状态或位置来选择它们，而不是根据它们的属性或内容。CSS 伪类选择器有很多种，下面是一些常见的例子：
:hover选择鼠标悬停在元素上时的元素，通常用于改变链接或按钮的样式。:active选择用户激活（例如点击）元素时的元素，通常用于给交互元素添加反馈效果。:focus选择获得键盘焦点时的元素，通常用于突出显示表单控件或可访问性元素。:checked选择处于选中状态的单选框或复选框，通常用于自定义复选框或单选框的外观。:first-child选择父元素的第一个子元素，通常用于给列表或表格的第一项添加特殊样式。:last-child选择父元素的最后一个子元素，通常用于给列表或表格的最后一项添加特殊样式。:nth-child(n)选择父元素的第 n 个子元素，n 可以是一个数字、关键字（如 even 或 odd）或者公式（如 2n+1），通常用于给列表或表格的特定项添加特殊样式。:first-of-type选择同类型兄弟元素中的第一个元素，通常用于给同类型的不同标签添加不同的样式。:last-of-type选择同类型兄弟元素中的最后一个元素，通常用于给同类型的不同标签添加不同的样式。:nth-of-type(n)选择同类型兄弟元素中的第 n 个元素，n 的含义与:nth-child(n)相同，通常用于给同类型的不同标签添加不同的样式。:not(selector)选择不匹配指定选择器的元素，通常用于排除某些特殊情况下的样式应用。:link选择未访问过的链接，通常用于给链接添加默认样式。:visited选择已访问过的链接，通常用于给链接添加已访问过的样式。:empty选择没有任何内容（包括空白字符）的元素，通常用于隐藏空白的容器。:root选择文档的根元素，在 HTML 中就是<html>元素，通常用于设置全局样式变量或者文档级别的样式。
相关
扩展
贡献者
isboyjc