结构性伪类选择器的共同特征是允许开发者根据文档树中的结构来指定元素的样式。


我们经常用到一些结构类伪元素,可是只知道是伪元素,并不知道是结构类的伪类元素,下面看看都有哪些是结构类伪元素:

  • a.通用子元素过滤器::nth-child(n)(顺序过滤)和:nth-last-child(n)(逆序过滤)
  • b.通用子类型元素过滤器::nth-of-type(顺序过滤)和:nth-last-of-type(n)(逆序过滤)
  • c.特定位置的子元素::first-child,:last-child,:first-of-type,:last-of-type
  • d.特定状态的元素::root(根节点)、:only-child(独子元素)、:only-of-type(独子类型元素)和:empty(孤节点)