CSS :empty псевдокласс

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

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

Совет:Если элемент содержит другие элементы, текст или пробельные символы между ними, то у него есть дочерние элементы.

Пример

Укажите цвет фона светло-оранжевого для пустых элементов с классом "box":

box:empty {
  background-color: salmon;
}

Попробуйте сами

CSS грамматика

:empty {
  css declarations;
}

Технические детали

Поддержка браузера

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдокласс.