儿童元素不会工作

Question

我有一个问题，如果我输入1没有任何事情发生，但如果我输入2它会更改第一个div：S。

http://d.pr/m07l

你知道我做错了吗

Answer 1

:nth-child()为1-indexed，:nth-child(1)将选择第一个孩子。如果它没有选择你想要的东西，那么必须有另一个孩子实际上是第一个。也许这是你示例图片中的标题 ....

由于是标题（感谢your site的链接），因此您应该使用:nth-of-type()来计算<div class="newsPost">时的数量。< / p>

Answer 2

这是因为第一个和最后一个孩子有自己的选择器：

:first-child

和

:last-child

因此，您必须使用.newsPost:firstChild代替.newsPost:nth-child(1)。