Руководство по CSS

CSS @規則 (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS3 :empty селектор

:empty CSS псевдокласс представляет элементы без подэлементов. Подэлементы могут быть только элементами или текстом (включая пробелы).

Полное руководство по CSS селекторам

Онлайн пример

Укажите цвет фона пустого div элемента:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Базовый учебник (oldtoolbag.com)</title>　
<style>
.box {
　　　　background: pink;
　　　　height: 80px;
　　　　width: 80px;
　　　　　margin: 10px;
}
.box:empty {
　　　　background: green;
}
</style>
</head>
<body>
<div class="box"><!--　Мой цвет зеленый　--></div>
<div class="box">Мой цвет фона розовый</div>
<div class="box">
　　　　<!--　Я буду красным, потому что вокруг этой коробки нет содержимого　-->
</div>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

:empty

:empty селектор выбирает каждый элемент, который не имеет подэлементов (включая текстовые узлы).

Совместимость браузеров

Номера в таблице показывают первую версию браузера, поддерживающую этот атрибут.

Выборщик
:empty	4.0	9.0	3.5	3.2	9.6

Полное руководство по CSS селекторам

Функции CSS Полное руководство по селекторам CSS