Какие знаешь псевдоклассы

Псевдоклассы позволяют стилизовать элементы в специфичных состояниях. Основные группы:

Состояния элементов:

• :hover - при наведении
• :active - в момент клика
• :focus - при фокусе (инпут, кнопка)
• :visited - посещённые ссылки
• :checked - отмеченные чекбоксы/радио

Структурные:

• :first-child, :last-child - первый/последний дочерний
• :nth-child(n) - выбор по порядку (2n, odd, even)
• :not(selector) - исключение элементов

Пример:

button:hover {
  background: #f0f0f0;
}

li:nth-child(odd) {
  color: blue;
}

input:not([type="checkbox"]) {
  border: 1px solid #ccc;
}

Есть и другие, например :disabled, :empty, :target, но эти используются реже.