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