Для того, чтобы не показывать пустой див я использую псевдокласс :empty
. Но нужно скрывать не только пустой див, но и див в котором содержимому прописан стиль display:none
, и он только выглядит как пустой, и на самом деле в нем есть html
код. Существует ли способ, скрыть такой блок? Желательно с помощью только css
.
div {
display: inline-block;
background: purple;
color: white;
padding: 1rem;
}
div:empty{
display:none;
}
<br>Див:
<br><div>123</div>
<br><br>
<br>Див с пробелом:
<br><div> </div>
<br><br>
<br>Пустой див:
<br><div></div>
<br><br>
<br>Див с содержимим:
<br><div>
<section>456</section>
</div>
<br><br>
<br>Див с содержимим со стилем display:none:
<br><div>
<section style="display: none;">789</section>
</div>
<br><br>