css - CSS：H1 之后 H2 的下边距

Question

如果 h1 和 h2 直接相互跟随，我正在寻找一种方法来为 H1 提供更多边距底部（或 H2 更多边距顶部）。因此，在 #1 的情况下，应该应用正常的边距，但在 #2 的情况下，我喜欢稍微改变边距（以在 H1 和 H2 之间提供更多的“空气”）。尝试使用 h1 h2 {margin...} 和 h1>h2 {margin...} 但到目前为止没有成功。

情况1

<h1>heading 1</h1>
<p>text</p>
<h2>heading 2</h2>
<p>text</p>

案例#2

<h1>heading 1</h1>
<h2>heading 2</h2>
<p>text</p>

Answer 1

h1 + h2 {
  margin: whatever;
}

+ 选择器是相邻的选择器。它只会影响与前一个元素相邻的元素。

Answer 2

尝试类似：

h1+h2{
   margin-top:10px;
}

它使用相邻的选择器。有关浏览器兼容性信息，请参阅http://www.quirksmode.org/css/selectors/。​</p>