Приведи пример псевдоклассов

Псевдоклассы в CSS позволяют стилизовать элементы в зависимости от их состояния или положения. Вот основные примеры:

/* Стиль при наведении */
a:hover {
  color: red;
}

/* Стиль для активного элемента (нажатие) */
button:active {
  transform: scale(0.95);
}

/* Стиль для фокуса (клавиатура/Tab) */
input:focus {
outline: 2px solid blue;
}

/* Стиль для первого дочернего элемента */
li:first-child {
font-weight: bold;
}

/* Стиль для нечётных элементов */
tr:nth-child(odd) {
background: #f2f2f2;
}

/* Стиль для не посещённых ссылок */
a:link {
color: green;
}

/* Стиль для посещённых ссылок */
a:visited {
color: purple;
}

Псевдоклассы начинаются с двоеточия `:` и добавляются к селектору без пробела.