CSS3中的伪类有哪些

CSS3中的伪类主要包括以下几种：

基础伪类

1. :link - 未访问的链接。
2. :visited - 已访问的链接。
3. :hover - 鼠标悬停在元素上时。
4. :active - 元素被激活（例如点击时）。
5. :focus - 元素获得焦点（例如通过键盘导航）。
6. :first-child - 作为其父元素的第一个子元素的元素。
7. :last-child - 作为其父元素的最后一个子元素的元素。
8. :nth-child(n) - 作为其父元素的第n个子元素的元素。
9. :nth-last-child(n) - 作为其父元素倒数第n个子元素的元素。
10. :nth-of-type(n) - 作为其父元素的第n个特定类型的子元素的元素。
11. :nth-last-of-type(n) - 作为其父元素倒数第n个特定类型的子元素的元素。
12. :only-child - 作为其父元素的唯一子元素的元素。
13. :only-of-type - 作为其父元素唯一特定类型的子元素的元素。
14. :empty - 没有子节点的元素。
15. :target - URL的片段标识符匹配的元素。
16. :root - 文档的根元素。
17. :not(selector) - 排除指定选择器的元素。

表单相关伪类

1. :input - 所有表单输入元素。
2. :text - 文本输入框。
3. :password - 密码输入框。
4. :radio - 单选按钮。
5. :checkbox - 复选框。
6. :submit - 提交按钮。
7. :reset - 重置按钮。
8. :button - 按钮元素。
9. :file - 文件上传输入框。
10. :enabled - 可用的表单控件。
11. :disabled - 禁用的表单控件。
12. :checked - 被选中的复选框或单选按钮。
13. :indeterminate - 处于不确定状态的复选框。
14. :focus-within - 当其内部任何一个元素获得焦点时。

UI元素伪类

1. :checked - 被选中的复选框或单选按钮（同表单相关）。
2. :disabled - 禁用的元素。
3. :enabled - 启用的元素。
4. :focus - 获得焦点的元素。
5. :hover - 鼠标悬停的元素。
6. :active - 被激活（点击）的元素。
7. :target - URL片段标识符匹配的元素。
8. :focus-visible - 当元素获得焦点并且可见时。

伪元素

虽然不是严格意义上的伪类，但伪元素也常用于CSS中：

1. ::before - 在元素的内容前插入内容。
2. ::after - 在元素的内容后插入内容。
3. ::first-letter - 元素的第一个字母。
4. ::first-line - 元素的第一行。
5. ::selection - 用户选择文本时的样式。

其他伪类

还有一些其他的伪类，如：

• :lang(language) - 根据文档的语言选择元素。
• :nth-child(odd/even) - 选择奇数或偶数子元素。
• :hover, :focus, :active - 这些也可以应用于其他元素，不仅仅是链接。

了解这些伪类可以帮助你更精确地控制网页的样式和行为。