当你想在HTML元素之间添加空格(使用CSS)时,你附加了哪个元素？

我经常遇到这样的情况:

  
This is the heading
  
This is a paragraph
  
Here's another heading
  
This is a footer

现在,假设我想要在每个元素之间留出1em的空间,但是没有高于第一个h1或低于最后一个div.我会附加哪些元素？

显然,这之间没有真正的技术差异:

h1, p { margin-bottom: 1em; }

...还有这个...

div { margin-top: 1em; }
p { margin-top: 1em; margin-bottom: 1em }

我感兴趣的是次要因素:

一致性

适用于所有情况

轻松/简单

易于做出改变

例如:在这个特殊情况下,我会说第一个解决方案比第二个更好,因为它更简单; 您只是在一个属性定义中将margin-bottom附加到两个元素.但是,我正在寻找更通用的解决方案.每次我做CSS工作,我都觉得有一个很好的经验法则适用......但我不确定它是什么.有没有人有一个好的论点？

当我希望它们在下一个元素之前有空格时,我倾向于在元素上使用底部边距,然后在css中使用".last"类来从最后一个元素中移除边距.

  
This is the heading
  
This is a paragraph
  
Here's another heading
  
This is a footer

div { margin-bottom: 1em; }
p { margin-bottom: 1em; }
h1 { margin-bottom: 1em; }
.last {margin-bottom: 0; }