第n个子元素定位到所有子元素

我期望只有父元素的第一个孩子是蓝色的，但是它们全都是蓝色。为什么是这样？

您所遇到的问题是:nth-child工作方式，基本上您需要在子/兄弟级别上而不是在父级别上添加它（并且由于您parent没有什么不同，因此选择器基本上就像#parent）。使用选择器的方式，它就像#parent是要选择的第一个孩子一样，这就是为什么它全都是蓝色的原因。稍作更改，就可以了：

#parent div:nth-child(1) {
   color: blue;
}

   
      

         
first child
         
second child
         
third child