Псевдоэлементы CSS
Чтобы стилизовать определённую часть элемента, добавьте к селектору ключевое слово, называемое псевдоэлементом CSS.
Типичные задачи: стилизация первой буквы или первой строки элемента, вставка содержимого до или после него, стилизация маркеров элементов списка, стилизация выделенной пользователем части и стилизация области просмотра позади диалогового окна.
Синтаксис
Напишите двойное двоеточие (::), а затем имя псевдоэлемента.
Синтаксис псевдоэлемента
selector::pseudo-element-name {
CSS properties
}
Псевдоэлементы для текста
Части текстового содержимого можно выбирать с помощью псевдоэлементов для текста: первую строку с помощью ::first-line, а первую букву с помощью ::first-letter.
Псевдоэлементы для содержимого
Сгенерированное содержимое вставляется или стилизуется с помощью псевдоэлементов для содержимого. ::before и ::after вставляют содержимое перед элементом и после него, ::marker нацелен на маркеры элементов списка, ::selection на текст, выделенный пользователем, а ::backdrop на фон диалогового окна.