Для чего нужен псевдокласс

:hover применяется к элементу, когда пользователь наводит на него курсор. Часто используется для интерактивности: изменения цвета, подчеркивания, анимации.

Пример:

button:hover {
  background-color: #4CAF50;
  transform: scale(1.05);
}

Другие популярные псевдоклассы:

• :active — при нажатии
• :focus — при фокусе (например, input)
• :first-child / :last-child — для стилизации первого/последнего элемента
• :nth-child() — для выбора элементов по порядку

Псевдоклассы позволяют изменять стили элементов в зависимости от состояния без JavaScript.