Для чего нужен псевдоэлемент

Псевдоэлементы (`::before`, `::after`, `::first-line`, и др.) позволяют стилизовать определённые части элемента без добавления лишнего HTML-кода. **Основные случаи использования:** 1. **Декоративные элементы** – иконки, разделители, подчёркивания. 2. **Генерация контента** – добавление текста/символов через `content`. 3. **Стилизация частей текста** – например, первой буквы (`::first-letter`) или строки (`::first-line`). **Пример:** ```css .button::after { content: "→"; margin-left: 5px; } ``` **Важно:** - Псевдоэлементы инлайновые по умолчанию (`display: inline`). - `::before`/`::after` требуют `content` (даже пустого: `content: ""`). - Не работают для самозакрывающихся тегов (``, ``).