Псевдокласс :empty

Обновлено: 26.05.2022

Псевдокласс :empty

Псевдокласс :empty представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста, пробелов или переносов строк. К примеру, <p></p> является пустым элементом, а <p> </p>, <p> </p> или <p>эге</p> уже нет.

Синтаксис

<i>Селектор</i>:empty { ... }

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Применение псевдокласса :empty

Браузеры

:empty

Посмотреть совместимость на Can I use?

:empty