css样式：类上的nth-child选择器包含其他元素

Question

你好聪明的堆栈，我有这个完全不合理的问题：nth-​​child。它没有“锁定”特定的类我试图附加它。

在我的第一张照片中，我必须让它跳过我想要跳过的前3个过多的元素，即使我已经指定它应用于“.pageGrid”类。正如您可以看到第一个<hr>，然后是<div>，那么另一个<hr>没有等级。

我的第二个问题使用与另一个地方相同的css，我不得不添加一个不可见的元素，因为：nth-​​child再次不适用于我想要应用它的元素。

我缺少什么？！我真的没有得到这个..

修改

下面是一些代码：

.wrapperProductList .prodListPage:nth-child(4n+1) {
    margin-right: 0;
}

“+1”是跳过第一个元素..

.pageGrid:nth-child(3n+3) {
    margin-right: 0!important;
}

这里的“+3”是跳过第三个甚至没有.pageGrid类的元素：（

<div class="clearfix wrapperProductList pageGrid">
<h1>Compact/Stackable</h1>
<a class="prodListPage" href="">
<a class="prodListPage" href="">
<a class="prodListPage" href="">
<a class="prodListPage" href="">

属于此标记

Answer 1

:nth-child()不会以您认为的方式“锁定”到类名或标记名称上。它只关心元素is the nth child of its parent together with all of its other siblings，无论其他兄弟姐妹是不同的元素还是没有特定的类等等。

如果您知道总是想要分别跳过第一个元素和前三个元素，那么有+1和+3就可以了。这就是:nth-child()的工作方式。