css - 管理边距，使最后一个元素没有边距

Question

我使用盒子，我想总是给最后一个元素一个“margin-bottom: 0”。所以首先我给每个元素一个“margin-bottom: 1em;”。我现在想从框中的最后一个元素中删除这个边距底部，但如果其中有一个元素则不起作用，并且底部仍然有一个边距。知道怎么做吗？它可以是一个段落、一个 DIV 或 SPAN 或其他什么，所以我并不总是想手动完成此操作。我想用这个做一个 mixin。

我尝试过:

section *+:last-child {
   margin-bottom: 0;
   border: 3px solid blue;
}

但是在最后一个 div 中有一个带有边距的段落，所以它不起作用。

Answer 1

您想使用:not() 。也就是说，

section:not(:last-child) { margin-bottom:1em; }

对于您正在做的事情，我的语法可能是错误的，但这是一个开始。