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

Оновлено: 13.01.2023

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

Псевдоелемент, який використовується для виведення контенту після вмісту елемента, до якого він додається. Псевдоелемент ::after працює спільно з властивістю content.

За замовчуванням ::after створює рядковий елемент.

Синтаксис

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

Приклад

Примітка

У CSS3 псевдоелементи стали позначатися двома двокрапками, щоб синтаксис відрізнявся від псевдокласів. У CSS2 вони позначаються однією двокрапкою. Браузери, як правило, розуміють обидва синтаксиси.

Браузери

after

Переглянути сумісність з Can I use?

after