Псевдоэлементы ::before и ::after в CSS используются для добавления контента до и после выбранного элемента: ::before добавляет контент перед элементом. ::after добавляет контент после элемента, аналогично ::before, но в конце. Для использования псевдоэлементов нужно: 1. Определить класс или идентификатор элемента, перед которым будет добавляться контент. 2. Включить специальное свойство content, внутри которого указывается, что должно быть внутри. Пример использования: добавление кавычек для цитаты: ``` blockquote::before { content: open-quote; } blockquote::after { content: close-quote; } ``` Некоторые особенности использования: Псевдоэлементы должны указываться сразу после селектора через двойное двоеточие без пробела. Можно использовать только один псевдоэлемент на селектор, то есть нельзя использовать сразу два псевдоэлемента для одного блока. По умолчанию созданные элементы являются строчными, поэтому при указании высоты или ширины необходимо установить свойство display: block. Также внутри псевдоэлемента можно использовать картинку вместо обычного текста, и даже добавлять фоновое изображение.
