CSS3引入了许多新的伪类(pseudo-classes)用于选择和样式化HTML元素的特定状态或位置。以下是一些CSS3新增的常见伪类:
- :nth-child(n) - 选择父元素下的第n个子元素。
- :nth-last-child(n) - 选择父元素下的倒数第n个子元素。
- :nth-of-type(n) - 选择父元素下具有指定类型的第n个子元素。
- :nth-last-of-type(n) - 选择父元素下具有指定类型的倒数第n个子元素。
- :first-child - 选择父元素下的第一个子元素。
- :last-child - 选择父元素下的最后一个子元素。
- :first-of-type - 选择父元素下具有指定类型的第一个子元素。
- :last-of-type - 选择父元素下具有指定类型的最后一个子元素。
- :only-child - 选择父元素下唯一的子元素。
- :only-of-type - 选择父元素下具有指定类型的唯一子元素。
- :empty - 选择没有子元素的元素。
- :target - 选择当前活动的目标元素。
- :checked - 选择被选中的输入元素(例如复选框或单选按钮)。
- :disabled - 选择禁用的输入元素。
- :enabled - 选择启用的输入元素。
- :hover - 选择鼠标悬停在上面的元素。
- :focus - 选择获得焦点的表单元素(例如输入框)。
这只是一小部分CSS3新增的伪类,还有其他更多的伪类可用于特定的选择需求。这些伪类可以通过在CSS样式表中使用选择器来应用相应的样式。