伪类

概括

当我们指定某一元素被选中后的特殊状态时,一个 CSS 伪类 会被作为一个关键词添加到选择器上. 例如 :hover 会在当用户鼠标指针悬停在由选择器指定的元素上时应用一个样式.

伪类连同伪元素一起, 他们允许你不仅仅是根据文档DOM树中的内容对元素应用样式,而且还允许你根据诸如像导航历史这样的外部因素来应用样式(:visited, 为例), 同样的,可以根据内容的状态 (例如 在一些表单元素上的 :checked ), 或者鼠标的位置 (例如 :hover 让你知道是否鼠标在一个元素上悬浮)来应用样式.

语法

元素名:伪类 {
  声明: 值;
} 

示例

• :link
• :visited
• :active
• :hover
• :focus
• :first-child

下列是一些 CSS3 级别的伪类示例,他们可能缺乏浏览器的完整支持. 必要的时候请使用后备方法或 Javascript . 查看完整伪类选择器列表, 请访问 CSS3 Selectors working spec

• :nth-child
• :nth-last-child
• :nth-of-type
• :first-of-type
• :last-of-type
• :empty
• :target
• :checked
• :enabled
• :disabled