Html 仅当DIV包含数据时才对其应用css

例如，MainContent_lockedoutordiv不包含div标记之间的数据

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

…但是说一句我有一张清单

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

文本1
文本2

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

div
{
填充：0.7%；
}

---

只有当div有数据…这会在包含列表的div中添加填充，而不是主内容\u lockedOutError div？

时，您可能可以使用

：not（）

和

：empty

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

只有当div不是像

#MainContent\u lockedOutError

示例那样为空时，才会添加该规则

---

但它有点脆弱，因为如果在开始/结束标记之间有一个空格，它就不能工作。也许它可以为您工作。

您可以使用

：not（）

和

：empty

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

只有当div不是像

#MainContent\u lockedOutError

示例那样为空时，才会添加该规则

---

但它有点脆弱，因为如果在开始/结束标记之间有一个空格，它就不能工作。也许这对你有用。

真是个好老兄。。。谢谢你的快速反应，好朋友。。。谢谢你的快速回复