如果段落元素为空，是否让它们的CSS有所不同？
如果段落元素为空，是否让它们的CSS有所不同？
提问于 2013-07-08 18:22:07
客户端使用WYSIWYG编辑器生成HTML，如下所示。通常，段落元素不应该有边距或填充。但是，如果客户希望有一个换行符，他将在编辑器中按两次enter，这将生成一个空段落元素。此空段落元素的页边距应为15px。
所以基本上，这是一个生成HTML的示例。包含内容的段落元素的边距应为0，但空的段落标记的边距应为边距-顶部: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中最有效地做到这一点呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-07-08 18:24:11
这样如何：
p:empty { margin: 15px 0 0; }需要注意的是，一个简单的空格将阻止应用:empty伪选择器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17533422
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
