添加填充到除最后一个之外的所有子级

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演示

Answer 1

以下规则应该是您正在寻找的.除了最后一个.box元素中的一个之外,它将为所有描述添加10px的填充:

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

示例小提琴