:empty

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Описание

Псевдокласс :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