:empty¶

Псевдокласс :empty находит любой элемент, у которого нет потомков.

Учитываются элементы и текст (включая пробелы). Комментарии не повлияют на то, что элемент будет рассматриваться как не пустой.

Синтаксис¶

1
2
3
4

/* Selects any <div> that contains no content */
div:empty {
  background: lime;
}

Спецификации¶

• Selectors Level 4
• Selectors Level 3

Пример¶

1
2
3
4
5

<div class="box"><!-- I will be lime. --></div>
<div class="box">I will be pink.</div>
<div class="box">
  <!-- I will be pink because of the whitespace around this comment. -->
</div>

1
2
3
4
5
6
7
8
9

.box {
  background: pink;
  height: 80px;
  width: 80px;
}

.box:empty {
  background: lime;
}

Комментарии