Question

nth-child 从哪一位开始

Answer 1

:nth-child()的索引是从1开始的

:eq()，:gt()，:lt()的索引是从0开始的（如果你问的是CSS伪类就忽略这句）

楼上那个说的第二位开始什么的是另一个问题了，举个栗子：

<div>

<p>这是一个p</p>

<a>这是一个a</a>

<a>这是又一个a</a>

</div>

a:nth-child(2)的意思是：先拿出a元素的父元素（即div）中的第2个子元素，再看看是不是a，正好是哎，所以就选中了“<a>这是一个a</a>”；

同理，a:nth-child(1)的意思是：拿出div的第1个子元素，一看，是个p，不是a，所以不选中任何东西。

这样，就给人一种从第二位开始的错觉，如果你在a前面写两个p，就会给人一种从第三位开始的错觉，事实上，nth-child()当然是从1开始的。

建议尽量使用:nth-type-of()

a:nth-type-of(1)的意思是：选中a元素的父元素（即div）中的第一个a

Answer 2

简述一下我曾经遇到的问题吧：
nth-child()的时候不存在:nth-child(1),直接从nth-child(2)开始，打个比方 nth-child(1)没有找到，因为你要找的那个孩子是在父容器里的第二个，所以才要nth-child(2)才能找到第一个孩子。