在w3c中
nth-child(n)是這樣描述的：選擇器匹配屬于其父元素的第 N 個子元素揭保，不論元素的類型 。n 可以是數(shù)字魄宏、關鍵詞或公式
也就是說
如果括號中為n,2n,3n...這種類型 整個結果就必須大于0秸侣，也就是n從1開始
還有一個公式
(an + b)是這樣描述的a表示周期的長度，n 是計數(shù)器（從 0 開始），b 是偏移值味榛。
可以理解為椭坚，只要an+b的結果大于0，n從0開始
代碼如下
<style>
.list {
color: black
}
.list>li:nth-child(3) {
color: red
}
.list>li:nth-child(3n) {
color: blue
}
.list>li:nth-child(3n+1) {
color: green
}
</style>
<ul class="list">
<li>索引為0搏色，這是父元素ul的第一個子元素li</li>
<li>索引為1善茎，這是父元素ul的第二個子元素li</li>
<li>索引為2，這是父元素ul的第三個子元素li</li>
<li>索引為3继榆，這是父元素ul的第四個子元素li</li>
<li>索引為4巾表，這是父元素ul的第五個子元素li</li>
<li>索引為5，這是父元素ul的第六個子元素li</li>
<li>索引為6略吨，這是父元素ul的第七個子元素li</li>
<li>索引為7，這是父元素ul的第八個子元素li</li>
<li>索引為8考阱，這是父元素ul的第九個子元素li</li>
<li>索引為9翠忠，這是父元素ul的第十個子元素li</li>
</ul>
最終顯示的效果如下
20200710000827.png
