CSS：H1之后的H2的底部边距

Question

我正在寻找一种方法，在h1和h2直接相互跟随的情况下，给H1提供更多利润率（或H2更多利润率）。因此，在＃1的情况下，应该应用正常的边距，但是在＃2的情况下，我喜欢稍微改变边距（以在H1和H2之间提供更多的“空气”）。尝试使用 h1 h2 {margin ...}和h1＆gt; 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/。