Что такое псевдоклассы в CSS

Псевдоклассы в CSS — это специальные ключевые слова, добавляемые к селекторам, которые определяют особое состояние элемента. Они позволяют стилизовать элементы в зависимости от контекста, взаимодействия пользователя или их положения в DOM.

Основные примеры:

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

/* Примеры */
a:hover {
  color: red;
}

button:active {
  transform: scale(0.95);
}

li:nth-child(odd) {
  background: #f0f0f0;
}

Псевдоклассы всегда начинаются с двоеточия : и не изменяют структуру DOM, а лишь расширяют возможности стилизации элементов в различных состояниях.