CSS：直接在H1之后的H2的下边缘

我正在寻找一种方法，以使H1更多的保证金底部（或H2更多的保证金顶部）的情况下，H1和H2直接跟随对方。因此，在案例1中，正常的边距应该适用，但在案例2中，我喜欢稍微改变边距（以便在H1和H2之间提供更多的“空气”）。试用 H1H2{margin…}和h1>h2{margin…}但到目前为止没有成功

案例1

标题1
正文

标题2
正文

案例2

标题1
标题2
正文

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

请尝试以下操作：

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

---

它使用相邻的选择器。有关浏览器兼容性信息，请参见。​

谢谢！在网上搜索了好几次，但没有找到这个。它工作得很好！

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

h1 + h2 {
  margin: whatever;
}

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