Что такое псевдокласс?

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

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

• :hover — для стилизации элемента при наведении на него указателя мыши.
• :active — для стилизации элемента в момент активации (например, при нажатии кнопки мыши).
• :focus — для стилизации элемента, когда он находится в фокусе ввода (например, поле формы).
• :visited — для стилизации посещенной ссылки.
• :first-child — для стилизации первого дочернего элемента в группе однотипных элементов.
• :nth-child(n) — для стилизации n-го дочернего элемента.

Псевдоклассы используются в CSS-правилах после обычного селектора, например:

/* Стиль для ссылки при наведении */
a:hover {
  color: blue;
}

/* Стиль для первого параграфа */
p:first-child {
  font-weight: bold;
}