一、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()选择器的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。