Ответ
Псевдоклассы в 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;
}Псевдоклассы начинаются с двоеточия : и добавляются к селектору без пробела.