first-child

定义：可以选择第一个子类元素

语法：元素：first-child{}

last-child

定义：可以选中最后一个子类元素

语法：元素：last-child{}

nth-child

定义：可以选中任何一个子类元素

语法：元素：nth-child(n){}

  • n=even 表示选中的是所有偶数的子元素
  • n=odd 表示选中的是所有奇数的子元素

first-child和first-of-type选择器的区别

first-child 匹配的是某父元素的第一个子元素，可以说是结构上的第一个子元素
first-of-type 匹配的是该类型的第一个，不再限制是第一个子元素了，只要是该类型元素的第一个就行了。当然这些元素的范围都是属于同一级的。

first-of-type

定义：可以选择第一个子类元素

语法：元素：first-of-type{}

last-of-type

定义：可以选中最后一个子类元素

语法：元素：lase-of-type

nth-of-type

定义：可以选中任何一个子类元素(当前元素的)

语法：元素：nth-of-type(){}