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

超强干货来袭 云风专访：近40年码龄，通宵达旦的技术人生

总结

以上是生活随笔为你收集整理的css3 :nth-child()选择器的使用的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。