你好，我有 6 个缩略图，每个缩略图都有相同的类。
我希望第 2、5 个具有 margin-left:36px;，第 3 个和第 6 个具有 83px。
所以我这样写css
.commitee-members{
margin:10px 15px;
}
.commitee-members-outers:nth-child(3n+2) .commitee-members{
margin-left: 36px;
}
.commitee-members-outers:nth-child(3n+3) .commitee-members{
margin-left: 83px;
}
我不知道为什么，但是 5 年级有 margin-left:83px 而他 6 年级没有 margin-left:83px。
所以我检查了一些练习，但这次它的工作
这是我的情况
https://jsfiddle.net/bheoqL9e/1/
如你所见，它搞砸了
但是在这个练习中 https://jsfiddle.net/crgruyu3/ 它的工作，请帮助
最佳答案
该元素中有 8 个子元素:3 个 .commitee-members-outers、1 个 .clearfix、3 个 .commitee-members-outers, 1 .clearfix。所有这些元素都计入选择器。
您可以为 .clearfix 元素使用不同的标签，并使用 :nth-of-type 来仅计算 .commitee-members-outers.
<body>
<div class="commitee-members-outers"></div>
<div class="commitee-members-outers"></div>
<div class="commitee-members-outers"></div>
<hr class="clearfix" />
<div class="commitee-members-outers"></div>
<div class="commitee-members-outers"></div>
<div class="commitee-members-outers"></div>
<hr class="clearfix" />
</body>
关于html - 第 n 个 child 使用配方奶粉，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39256426/