Перейти к содержанию

:empty

Псевдокласс :empty находит любой элемент, у которого нет потомков.

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

Синтаксис

/* Selects any <div> that contains no content */
div:empty {
  background: lime;
}

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

Описание и примеры

```html tab="HTML"

I will be pink.
```css tab="CSS"
.box {
  background: pink;
  height: 80px;
  width: 80px;
}

.box:empty {
  background: lime;
}

Результат

Результат работы псевдокласса :empty