html - 为除最后一个以外的所有 child 添加填充

Question

我正在尝试将 padding 添加到 div 的所有子元素中，最后一个除外。

我尝试对 last-child 使用否定，但当我使用它时它甚至没有向其余子元素添加 padding...

这是我的 HTML:

#container .description:not(:last-child) {
  padding-bottom: 10px;
}

<div id="container">
  <h3>Title</h3>
  <div class="box">
    <div class="title">Description</div>
    <div class="description">Description 1</div>
  </div>
  <div class="box">
    <div class="title">Description</div>
    <div class="description">Description 2</div>
  </div>
  <div class="box">
    <div class="title">Description</div>
    <div class="description">Description 2</div>
  </div>
  Testing here
</div>

JSFiddle Demo

Answer 1

以下规则应该是您要查找的内容。除了最后一个 .box 元素中的描述之外，它将向所有描述添加 10px 的填充:

#container .box:not(:last-child) .description{
    padding-bottom:10px;
}

Example fiddle