-
伪选择器包括伪类选择器和伪对象选择器。
-
伪选择器能够根据元素或对象的特征、状态、行为进行匹配。
-
伪选择器以冒号(:)作为前缀标识符。
-
冒号前可以添加限定选择符,限定伪类应用的范围,冒号后为伪类和伪对象名,冒号前后没有空格。
-
用于向某些选择器添加特殊的效果。比如给链接添加特殊效果, 比如可以选择 第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:空元素。