在w3c中
nth-child(n)是这样描述的：选择器匹配属于其父元素的第 N 个子元素，不论元素的类型 。n 可以是数字、关键词或公式
也就是说
如果括号中为n,2n,3n...这种类型 整个结果就必须大于0，也就是n从1开始
还有一个公式
(an + b)是这样描述的a表示周期的长度，n 是计数器（从 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
