: пусто - CSS-хитрости | CSS Альманах 2024

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

div:empty ( display: none; )

Будет соответствовать

Не совпадет

Это полезно для скрытия пустых элементов, которые могут вызывать странный интервал (например, у них есть отступы). Или что-то вроде удаления границы с верхнего левого элемента ячейки таблицы в таблице перекрестных ссылок.

Обратите внимание, что в спецификации «Селекторы уровня 4»: empty был обновлен, чтобы включить элемент, состоящий только из пробелов. Большие изменения! Ура! Не уверен, что какой-нибудь браузер на самом деле это делает.

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

Эти данные о поддержке браузером взяты из Caniuse, где есть более подробная информация. Число означает, что браузер поддерживает эту функцию в этой версии и выше.