【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:空元素。

更多

菜鸟窝,伪选择器

发布了163 篇原创文章 · 获赞 18 · 访问量 7683

猜你喜欢

转载自blog.csdn.net/xcdq_aaa/article/details/105368508