css3的伪类选择器和伪元素选择器

CSS3的伪类选择器和伪元素选择器是用来选择不是文档树中实际存在的元素或状态的选择器。

伪类选择器：

1. :hover - 当鼠标悬停在元素上时触发
2. :active - 当元素被激活时触发（例如，当按钮被点击时）
3. :focus - 当元素获得焦点时触发（例如，当输入框被选中时）
4. :checked - 当复选框或单选按钮被选中时触发
5. :nth-child(n) - 选择第n个子元素
6. :nth-of-type(n) - 选择第n个具有相同类型的子元素
7. :first-child - 选择第一个子元素
8. :last-child - 选择最后一个子元素
9. :not(selector) - 排除指定选择器的元素
10. :empty - 选择没有子元素的元素

伪元素选择器：

1. ::before - 在元素之前插入内容
2. ::after - 在元素之后插入内容
3. ::first-letter - 选择元素的第一个字母
4. ::first-line - 选择元素的第一行
5. ::selection - 选择被用户选中的文本
6. ::placeholder - 选择输入框的占位符文本
7. ::marker - 选择有序列表和无序列表的项目符号