使用nth-child选择特定的div类

Question

请查看http://jsfiddle.net/kV7Uq/1/

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

我想要实现的是创建一个4列网格。小提琴中使用的上述代码似乎很好 - 但是如果你看那个小提琴，就没有4列网格。

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

以上两个div也是容器div的子div，位于grid div之前导致冲突。如果删除这两个div，网格就会很好。我不确定这是否可以解决，请帮助 - 谢谢。

Answer 1

将它偏移2以补偿这些div。而不是+5，请使用+3。

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

http://jsfiddle.net/kV7Uq/2/

如果您不希望第一个框有clear: left，那么它将是+7。