【web初步】伪类选择器

• 伪选择器包括伪类选择器和伪对象选择器。

• 伪选择器能够根据元素或对象的特征、状态、行为进行匹配。

• 伪选择器以冒号（:）作为前缀标识符。

• 冒号前可以添加限定选择符，限定伪类应用的范围，冒号后为伪类和伪对象名，冒号前后没有空格。

• 用于向某些选择器添加特殊的效果。比如给链接添加特殊效果， 比如可以选择 第1个，第n个元素。

链接伪类

伪类	作用
a:link	未访问的链接
a:visited	已访问的链接
a:hover	鼠标移动到链接上
a:active	选定的链接

结构伪类

结构伪类是根据文档结构的相互关系来匹配特定的元素，从而减少文档元素的class属性和ID属性的无序设置，使得文档更加简洁。

• :fist-child：第一个子元素。
• :last-child：最后一个子元素。
• :nth-child()：按正序匹配特定子元素。
• :nth-last-child()：按倒序匹配特定子元素。
• :nth-of-type()：在同类型中匹配特定子元素。
• :nth-last-of-type()：按倒序在同类型中匹配特定子元素。
• :first-of-type：第一个同类型子元素。
• :last-of-type：最后一个同类型子元素。
• :only-child：唯一子元素。
• :only-of-type：同类型的唯一子元素。
• :empty：空元素。

更多

菜鸟窝,伪选择器