CSS3 增加了一些新的伪类,这些伪类为样式的应用提供了更多的灵活性和控制。以下是一些重要的 CSS3 新增伪类:
结构性伪类:
:nth-child(n)
:选择父元素下第 n 个子元素。:nth-last-child(n)
:选择父元素下倒数第 n 个子元素。:nth-of-type(n)
:选择同类型元素的第 n 个子元素。:nth-last-of-type(n)
:选择同类型元素的倒数第 n 个子元素。:first-of-type
:选择同类型元素中的第一个。:last-of-type
:选择同类型元素中的最后一个。:only-child
:选择父元素下唯一的子元素。:only-of-type
:选择父元素下唯一的同类型子元素。:empty
:选择没有子元素(包括文本节点)的元素。
状态伪类:
:enabled
:选择可用的表单元素。:disabled
:选择不可用的表单元素。:checked
:选择被选中的表单元素(如复选框、单选框)。:indeterminate
:选择未确定状态的复选框。
动态伪类:
:focus
:选择获得焦点的元素。:hover
:选择鼠标悬停时的元素。:active
:选择被激活的元素(如用户按下鼠标时)。