关于css3中nth-child(2n)与nth-child(2n+1)的n从0还是从1开始

在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