css3 :nth-child()选择器的使用

一、nth-child()

1. nth-child(n)：父元素下的第n个子元素，n>0，索引从1开始。不区分子元素类型。

2. nth-child(odd)：父元素下的奇数子元素，等同于：nth-child(2n-1)。区分子元素类型。

3. ntn-child(even)：父元素下的偶数子元素，等同于：nth-child(2n)。区分子元素类型。

4. nth-child(an+b)：父元素的an+b个子元素，区分子元素类型。

5. first-child：父元素下的第一个子元素，如果第一个子元素不是该类型，选择不到。等同于：nth-child(1)。

6. last-child：父元素下的最后一个子元素，如果最后一个子元素不是该类型，选择不到。

二、nth-of-type()

匹配属于父元素的特定类型的第n个子元素，忽略不是该类型的元素。

参考：css选择器 nth-child

转载于:https://www.cnblogs.com/knuzy/p/9154345.html