css - 避免某些相邻元素和类之间的 CSS 样式

Question

我想在 h3 和 body 之间添加 padding-top: 20px; 但如果 h3前面有另一个元素(例如，h2)。这可能吗？

向所有标题添加 padding-top 可以在标题前面有正文但标题之间有不需要的填充时提供所需的填充:

请注意，此文档是使用 knitr 创建的 Rmarkdown，因此我无法完全控制所有 html。首选纯 CSS 解决方案。

---

更新:对于同样使用 knitr 的 Rmarkdown 的人来说，解决方案结果是一个相当复杂的定位:

/* First h2 following h1 */
.level1 > .level2:nth-child(3) > h2 {
    padding-top: 0px;
}
/* First h3 following h2 */
.level2 > .level3:nth-child(3) > h3 {
    padding-top: 0px;
}

查看生成的 HTML，我了解到 h1 之后的第一个 h2 位于 level1 的第三个元素中，并且该元素被称为 level2。第一个 h3 也是如此。这就是上面的目标。其他文档中的结构可能有所不同，因此请自行查看。

Answer 1

怎么样

body > h3:first-child {
   padding-top: 20px;
}

这只会影响带有 header3 的 body 的直接子节点，中间没有任何内容。

感谢@Oram，指出缺失的 :first-child