在 CSS3 中引入了一些新的伪类,用于向选择器添加特定的状态或行为。以下是一些常见的 CSS3 新增的伪类:
:nth-child()
和 :nth-of-type()
:根据元素在其父元素中的位置选择元素。例如,:nth-child(odd)
选择所有奇数位置的子元素。
:not()
:选择除了指定元素外的所有元素。
:first-child
和 :last-child
:选择父元素中的第一个或最后一个子元素。
:first-of-type
和 :last-of-type
:选择父元素中特定类型的第一个或最后一个子元素。
:only-child
和 :only-of-type
:选择父元素中仅有一个子元素或特定类型的唯一一个子元素。
:empty
:选择没有子元素的元素(包括文本节点)。
:checked
:选择被选中的表单元素,如复选框或单选按钮。
:enabled
和 :disabled
:选择可用或禁用的表单元素。
:hover
、:focus
和 :active
:分别选择鼠标悬停、元素获取焦点和元素被激活(例如被点击)时的状态。
:target
:选择当前活动的目标元素,通常用于实现页面内部链接跳转效果。
这些伪类使得开发者可以根据元素的不同状态或位置选择器的一部分,从而实现更加灵活和精确的样式控制。
希望可以帮到大家