:empty

Описание

Псевдокласс :empty находит любой элемент, у которого нет потомков. Учитываются элементы и текст (включая пробелы). Комментарии не повлияют на то, что элемент будет рассматриваться как не пустой.

Синтаксис

<element>:empty { /* стили */ }

Примеры

css
.box {
  background: red;
  height: 200px;
  width: 200px;
}

.box:empty {
  background: lime;
}
html
<div class="box"><!-- Я буду лаймовым --></div>
<div class="box">Я буду красным</div>
<div class="box">
  <!-- Я буду красным, так как перед комментарием стоят пробелы -->
</div>

Спецификации

Specification
Selectors Level 4
# the-empty-pseudo

Совместимость с браузерами

BCD tables only load in the browser