第n个孩子的问题-它确实计算了所有div，而不是某些类别的div [重复]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第n个孩子的问题-它确实计算了所有div，而不是某些类别的div [重复]相关的知识，希望对你有一定的参考价值。
我正在尝试选择每四个元素并对其应用0的边距。
我有这个：
.products .item:not(.inactive):nth-child(4n)
margin-right: 0;
我想选择类型为div.item但不是.inactive的第4个元素
我有两个问题：
问题1
如果添加任何div元素（即使它不是.item类型，那么它也包括在计数中。
<div class="products">
<div class="anything"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div> // <- this is where the margin-right: 0 happens
<div class="item"></div> // <- it should happen here
</div>
问题2
如果我添加.inactive类（使用jquery）（基本上隐藏了.inactive元素），则仍会发生上述计数-因此.products div中的所有项目都被考虑在内，margin-right: 0为应用于item，item inactive，anything等的第四元素。
答案
问题1： Using nth-child with arbitary selectors doesn't work
问题2：这与第一个原因相同；但正如您提到的那样，您正在使用jQuery添加nth-child类，因此可以使用jQuery解决inactive问题，而不必使用nth-child
.eq().eq()以上是关于第n个孩子的问题-它确实计算了所有div，而不是某些类别的div [重复]的主要内容，如果未能解决你的问题，请参考以下文章
当我将鼠标悬停在div上时，我希望它根据所悬停的第n个孩子的数量来更改其旁边的元素