Html 使用第n个子项选择特定的div类

请看一看

我试图实现的是创建一个4列网格。上面在小提琴中使用的代码似乎很好——但是如果你看小提琴，没有4列网格

<div class="pageNav"></div>
<div class="pageHeading"></div>

---

上述两个div也是container div的子div，位于grid div之前，导致了冲突。如果去掉这两个div，网格就会显示得很好。我不确定这是否可以修复，请帮助-谢谢。

只需将其抵消2，以补偿那些div。使用

+3

代替

+5

.productList div.grid:nth-child(4n+3){
    clear:left;
}

---

如果您不希望第一个框中的

清除：left

，那么它将是

+7

，那么您想要的确切形状是什么，这里不清楚，因为您有

pageNav

和

pageHeading

您可以将其他div.pageNav和.pageHeading包装在新div中，并将.grid div包装在另一个div中，这就解决了问题：D我显然对（an+b）的实际工作原理了解得很差，现在您也为我澄清了这一点！谢谢朋友！

.productList div.grid:nth-child(4n+3){
    clear:left;
}