Псевдоэлемент ::after

Обновлено: 26.05.2022

Псевдоэлемент ::after

Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::after работает совместно со свойством content.

По умолчанию ::after создаёт строчный элемент.

Синтаксис

Селектор::after { content: "текст" }

Пример

Примечание

В CSS3 псевдоэлементы стали обозначаться двумя двоеточиями, чтобы синтаксис отличался от псевдоклассов. В CSS2 они обозначаются одним двоеточием. Браузеры, как правило, понимают оба синтаксиса.

Браузеры

after

Посмотреть совместимость на Can I use?

after