codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-селекторы/:empty
← :disabled:first-child →
CSS-селекторы
:active::after::before:checked:disabled:empty:first-child::first-letter::first-line:focus:has():hover:is():last-child::marker:not():nth-child:nth-of-type::placeholder:required:root::selection:target:visited:where()Группировка селекторов (a, b)Дочерний комбинатор (A > B)Комбинатор потомка (A B)Последующий комбинатор (A ~ B)Селектор по id (#id)Селектор по вхождению [attr*=]Селектор по классу (.class)Селектор по концу значения [attr$=]Селектор по наличию атрибута [attr]Селектор по началу значения [attr^=]Селектор по тегуСелектор по точному значению [attr=value]Соседний комбинатор (A + B)Специфичность (specificity)Универсальный селектор (*)

:empty

Выбирает элементы без содержимого.

Сигнатураp:empty { ... }

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

.message:empty {
  display: none;
}
← Все записи: CSS-селекторы
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах