html - 影响每第三个元素/格

Question

我已经尝试在我的 CSS 中添加一个元素来删除每三个 div 的 margin-right。不过，似乎只是出于某种原因影响了第 3 次和第 7 次。需要它在第 3、6、9 等日工作...

CSS

.shopping-product { background-color: #fff; position: relative; border: 1px solid #eee; width: 200px; height: 250px; margin-right: 20px; float: left; padding-bottom: 20px; }
.shopping-product:nth-child(4n) { margin-right: 0; }

(4n) 对于每 3 个 div 是否正确？

Answer 1

改用 3n 它将选择 3rd,6th,9th,....

.shopping-product:nth-child(3n) { margin-right: 0; }