css - 第 N 个 child 定位错误的元素

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