css - 第 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;
}