CSS样式标题和以下内容

Question

以下非常基本的问题样式内容与标题。我有以下情况： 通常内容的结构如下：

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

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

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

Answer 1

使用adjacent sibling selector：

h1 + p {
    /* ... */
}

如果它位于<p/>之后，则只选择<h1/>。

Answer 2

取消保证金底部并改为使用保证金。

这样margin-top: 15px <p> {{1}}无论上面是什么，都会给出15px的空间。

Answer 3

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

只会选择以h1开头的p

Answer 4

您可以尝试使用overflow:hidden属性。