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

Question

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

添加padding-top到所有标题时,当标题前面有正文文本但标题之间有不需要的填充时,会给出所需的填充:

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

---

更新:对于也使用knitrRmarkdown的任何人来说,解决方案结果是一个相当复杂的目标:

/* 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,我了解到第h2一个h1元素之后的第一个元素,level1并且该元素被调用level2.同样的第一个h3.这就是上面的目标.其他文档中的结构可能有所不同,请自行查看.

Answer 1

怎么样

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

这将只影响身体的直接孩子,头部3,两者之间没有任何东西.

感谢@Oram,指出失踪:第一个孩子