CSS | :empty



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



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



Для того чтобы выбрать все не пустые элементы можно скомбинировать :empty с :not



p:not(:empty) {

/* все не пустые абзацы */

}