让段（X）HTML，CSS之间的空间

Question

我想我<p>content</p>标签之间的空间。在此之前，而不是<p>标签后。 FX我的代码是：

<div>
   <h1>A headline</h1>
   <p>Some text</p>
   <p>Some text</p>
</div>
Something

我不希望这是与H1零保证金做H1和P之间的空间。但我不希望发生的<p>标签之后的空间。这是可能的，而不：最后一个孩子或者一些JS / jQuery的

？

，因为它是一个CMS系统我无法设置类=“最后”上的最后一个标签。

Answer 1

p + p {
  margin-top: 1.5em;
} 

（虽然这种方法需要具有用于CSS比IE6更好的支持浏览器）

Answer 2

如果你不要求支持IE6你可以使用：

div, h1, p { margin: 0; }
p + p { margin-top: 12px; }

如果您需要支持IE6，这是一个肮脏的黑客，但它的工作原理没有JavaScript：

div, h1, p { margin: 0; }
h1 { margin-bottom: -12px; }
p { margin-top: 12px; }

这种方法的缺点是，你不能简单地使用，也就是说，对于1EM平衡利润，因为他们有不同的字体大小。用户可以根据需要手动调整或使用像素的宽度。

Answer 3

设置默认底缘至p，则得到最后一个标记一类具有无底缘。

Answer 4

<div>
   <h1>A headline</h1>
   <p>Some text</p>
   <div class="paragraph-space"></div>
   <p>Some text</p>
</div>

Answer 5

<div>
  <h1>A headline</h1>
  <p>Some text</p>
  <p style="margin-bottom: 0;">Some text</p>
</div>

Answer 6

如果你想使之更加浏览器兼容的，你也可以使用：

p { margin-top: 24px; }
h1 { margin-bottom: -24px; } // play with this value as necessary

否定空间将拉向它们的元素。它的混乱比我喜欢，但是当你摆布的CMS生成的代码没有办法添加类，你必须要创新。