Зачем нужен псевдоэлемент

Псевдоэлементы (`::before`, `::after`) позволяют добавлять декоративные или структурные элементы без изменения HTML. Они создают виртуальные элементы внутри или после существующего элемента. Основные применения: 1. **Декоративные элементы** – иконки, разделители, подчёркивания. 2. **Контент через CSS** – добавление текста/символов (`content: "★"`). 3. **Очистка float** (`clearfix` с `::after`). 4. **Стилизация** – например, кастомные маркеры списков. Пример: ```css .button::after { content: "→"; margin-left: 5px; } ``` ```html Нажми ``` Отличие от псевдоклассов: псевдоэлементы создают новые виртуальные элементы, а псевдоклассы (`:hover`, `:first-child`) выбирают существующие элементы в особом состоянии.