CSS样式化标题和以下内容

下面是使用标题设置内容样式的基本问题。我有以下情况： 通常，内容的结构如下所示：

<h1>Main Header</h1>
<h2>Sub Header</h2>
<p>Content</p>

主标题
副标题
内容

但在某些情况下，子标题不存在。我想在主标题和内容之间添加一个不同的填充/边距，当内容直接跟随而没有子标题时

我觉得必须有一个简单的解决方案，我正在监督。

使用：

---

如果直接在

后面，则只选择

，而使用页边距顶部
这样，
上的
边距顶部：15px
将提供15px的空间，无论其上方是什么

h1 + p {
  margin-top: ...;
}

这将只选择前面有h1的p
您可以为此尝试
溢出：隐藏
属性。
您是对的。但是如果h1和h2存在，我不想有那么多的空间。所以上面的h1+p听起来不错！好了，你找到了！我没有意识到选择器的存在！谢谢
h1 + p {
  margin-top: ...;
}