0

クライアントは WYSIWYG エディターを使用して、次のような HTML を生成しています。通常、段落要素にはマージンやパディングはありません。ただし、クライアントが改行を希望する場合は、エディターで Enter キーを 2 回押します。これにより、空の段落要素が生成されます。この空の段落要素には、15px の margin-top が必要です。

基本的に、生成された 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 エディターのためです。 /JQuery? もしそうなら、Javascript/JQueryで最も効率的に行うにはどうすればよいですか?

4

1 に答える 1

0

これはどう：

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

:empty単純なスペースがあると、疑似セレクターが適用されなくなることに注意してください。

于 2013-07-08T18:24:10.857 に答える