如果段落元素的CSS為空，則使它們不同嗎？

Question

客戶端使用WYSIWYG編輯器生成HTML，如下所示。 通常，段落元素不應有空白或填充。 但是，如果客戶希望換行，他將在編輯器中按兩次Enter鍵，這將生成一個空的段落元素。 空的段落元素的頁邊距頂部應為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>

我知道這是一個奇怪的請求，我們要處理此問題的唯一原因是因為討厭的所見即所得編輯器，但是我想知道CSS中是否有任何方法可以完成此操作，或者我是否需要使用Javascript / JQuery？ 如果是這樣，我將如何在Javascript / JQuery中最有效地做到這一點？

Answer 1

這個怎么樣：

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

請注意，簡單的空格將使:empty偽選擇器無法應用。