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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM