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

Псевдоклассы позволяют стилизовать элементы в определённых состояниях или позициях, которые нельзя описать обычными селекторами. Например:

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

Пример:

button:hover {
  background-color: #555; /* Изменяет цвет кнопки при наведении */
}

li:nth-child(odd) {
  background: #f0f0f0; /* Подсвечивает нечётные элементы списка */
}