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/。