codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-селекторы/::after
← :active::before →
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)Универсальный селектор (*)

::after

Вставляет сгенерированный контент после содержимого элемента.

Сигнатура.clearfix::after { ... }

Псевдоэлемент ::after создаёт виртуальный элемент в конце содержимого. Как и ::before, требует content. Классический приём — очистка обтекания (clearfix).

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
← Все записи: CSS-селекторы
codechick

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

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