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