作者：灵11135_748_744_769 | 来源：互联网 | 2022-10-15 10:23
我有以下演示：
#parent:nth-child(1) {
color: blue;
}
first child
second child
third child
我期望只有父元素的第一个孩子是蓝色的，但是它们全都是蓝色。为什么是这样？
1> DarkAjax..：
您所遇到的问题是:nth-child工作方式，基本上您需要在子/兄弟级别上而不是在父级别上添加它（并且由于您parent没有什么不同，因此选择器基本上就像#parent）。使用选择器的方式，它就像#parent是要选择的第一个孩子一样，这就是为什么它全都是蓝色的原因。稍作更改，就可以了：
#parent div:nth-child(1) {
color: blue;
}
first child
second child
third child
京公网安备 11010802041100号