如何隐藏除了特定表中的div之外的所有div

Question

我有10K行的CSS由第三方编写。它很棒。我现在有一个我正在尝试使用的第三方控件，并且此控件中有空div。那些空div可以点击并具有背景图像。它们没有特定的ID或类，但是它们嵌套在具有ID的表中。

CSS中有这个：div:empty { display:none !important; }

因此，我的嵌套空可点击div与背景图像不会显示。

是否有重写或添加到div:empty { display:none !important; }以允许显示div？

Answer 1

div:empty { display: none !important;}    
div:empty { display: block !important;}

显示：只要css按此顺序

，块就可以正常工作

Answer 2

您必须为div:empty

提供更多特异性 之前的class或id之类的内容（取决于父级）将起作用。

div {
  background: red;
  width: 100px;
  height: 100px
}
div:empty {
  display: none !important;
}
#parent div:empty {
  display: block !important;
}

<div id="parent">
  <div></div>
</div>
<div></div>