仅当 css 包含数据时才将其应用于 DIV

Apply css to DIV only if it contains data

例如 MainContent_lockedOutError div 不包含 div 标签之间的数据

<div id="MainContent_LockedOutError" class="failureNotification" style="text-align:left"></div>

...但是说我有一个列表...

<div>
<ul>
<li>Text 1</i>
<ii>Text 2</ii>
</ul>
</div>

所以我不确定这是否可行,但在我的 css 中我可以添加

div { padding:0.7%; }

仅当 div 有数据时...它会向包含列表但不包含 MainContent_lockedOutError div?

的 div 添加填充

您可以结合使用 :not():empty

div:not(:empty) {
    padding:0.7%;
}

仅当 div 不像 #MainContent_lockedOutError 示例那样为空时才会添加规则。

它有点脆弱,因为即使 opening/closing 标签之间有一个 space,它也不会工作。也许它对你有用。