第N个孩子针对错误的元素

Question

我正在使用第n个孩子删除右边某些元素的边距：

.post-list-item:nth-child(3n+3) {
    margin-right: 0px;
}

但不知何故，它似​​乎是针对错误的元素： http://poachedmag.com/column/entertainment/music/

我该如何解决这个问题？

Answer 1

父div中有另一个div标签。所以最右边的元素不是＃3，＃6和＃9，而是＃4，＃7和＃10。因此，要么删除这个额外的div标签，要么将CSS更改为：

.post-list-item:nth-child(3n+4) {
    margin-right: 0;
}