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

empty

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 9.0 9.5 3.1
Мобильные браузеры Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.1 1.0 9.5 10.0 3.1
Псевдокласс
:empty — этот псевдокласс позволяет задавать стили к элементам без потомков. Если в элементе содержатся пробелы или текст, то к элементу не применятся стили. Если в элементе указанны комментарии, то к такому элементу применятся стили.
Правила записи
element:empty{ свойство: значение; }
Примеры

<div>

</div>


Цвет фона у этого элемента будет желтый так как он не имеет потомков, не содержит пробелов и текста.

Поделиться