:empty
Описание
Псевдокласс
: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