:empty

Описание

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

Синтаксис

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

Примеры

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

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

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

Спецификация Статус Комментарий
Selectors Level 4
Определение ':empty' в этой спецификации.
Рабочий черновик Без изменений
Selectors Level 3
Определение ':empty' в этой спецификации.
Рекомендация Изначальное определение

Поддержка браузерами

BCD tables only load in the browser