控制块级元素之间的垂直空间

Question

我已经阅读了一些有关垂直节奏和网页排版的文章，但有一个方面从未真正讨论过。

我更喜欢在标题和第一段之间留出太多空间（或没有额外的边距/填充），因为这样可以更好地将标题与标题内容组合在一起。

我已尝试从标题中删除margin-bottom，但由于边距崩溃，段落或ul上的margin-top被使用 - 因此您最终会在标题及其内容之间使用相同的垂直空间。

有没有办法告诉浏览器第一段不应该与它的标题之间有任何差距？

.main p:first-child不起作用，因为浏览器没有查找ap的第一个实例（除非它是第一个不会出现的项目，因为它之前总是有一个标题）。

希望这是有道理的 - 任何指向正确方向的人都会非常感激。

干杯

Answer 1

尝试使用此选择器：

.headline + p {
   /*Styles to remove*/
   margin-top:0;
}

通过此操作，您可以选择p

之后的任何headline

Answer 2

你可以在标题上使用负边距底部的魔力。

h1 {
    margin-bottom:-20px;
}