如何仅在段落之间设置边距？

Question

有一个这样的块：

<div>
  <p>Hello.</p>
  <p>How are you?</p>
</div>

我想在“Hello”之间设置边距。和“你好吗？”为 16px，但其中的 <div> 和 <p> 的边框之间的边距为 0px。

Answer 1

我认为它可以帮助您。

div p {
    margin-bottom: 16px;
}
div p:last-child {
    margin-bottom: 0;
}

<div>
  <p>Hello.</p>
  <p>How are you?</p>
  <p>I am fine</p>
  <p>And you?</p>
</div>

我的 css 代码会给它们留底边距，并从最后一个 p 元素中删除边距。