:empty
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 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 |