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

Question

因此，例如，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添加填充？

Answer 1

您可以使用:not()和:empty

的组合

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

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

虽然它有点脆弱，但是如果开/关标签之间甚至有一个空格则不起作用。也许它可以为你工作。