仅当 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,它也不会工作。也许它对你有用。
例如 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,它也不会工作。也许它对你有用。