如果段落元素为空，则使它们的CSS不同？

Question

客户端使用WYSIWYG编辑器生成如下HTML。通常，段落元素不应有边距或填充。但是，如果客户希望有换行符，他将在编辑器中按两次输入，这将生成一个空的段落元素。这个空段落元素的边距应该是15px。

基本上，这是HTML生成的一个例子。包含内容的段落元素的边距应为0，但段落标记为空的边距应为margin-top：15px

<p>Paragraph 1 content goes here</p>
<p>Paragraph 2 content goes here</p>
<p></p>
<p>Paragraph 3 content goes here</p>
<p>Paragraph 4 content goes here</p>
<p>Paragraph 5 content goes here</p>
<p></p>
<p></p>
<p>Paragraph 6 content goes here</p>

我知道这是一个奇怪的请求，我们处理这个问题的唯一原因是因为讨厌的WYSIWYG编辑器，但我想知道在CSS中是否有任何方法可以实现这一点，或者如果我需要求助于Javascript / JQuery？如果是这样，我将如何在Javascript / JQuery中最有效地完成它？

Answer 1

这个怎么样：

p:empty { margin: 15px 0 0; }

请注意，一个简单的空格将使:empty伪选择器无法应用。