html - 除最后一个元素外的每个元素的边距

Question

我有 2 行 CSS 用于在除最后一个元素之外的每个元素上设置边距。有没有办法将其合并为 1 行？

这是我目前的(工作):

.work img {
    margin-right: 10px;
}

.work img:last {
    margin-right: 0px;
}

我尝试将其更改为:

.work img:not(:last) {
    margin-right: 10px;
}

但它不起作用？知道为什么吗？

更新 我只有五张图片。我的另一个选择是只在前四个上有边距。

Answer 1

你犯了个小错误

改变:

.work img:not(:last)

到

.work:not(:last-child)

检查 Fiddle Here.