Псевдоклассы в CSS — это специальные селекторы, которые позволяют выбирать элементы на основе их состояния, которые не могут быть определены только с помощью их идентификаторов тегов, классов или атрибутов.
Например, псевдокласс :hover позволяет стилизовать элемент при наведении на него курсора мыши. Другие примеры псевдоклассов: :visited (стилизует просмотренные ссылки), :active (стилизует элементы, которые нажимает пользователь), :focus (стилизует элементы, получающие фокус ввода), :nth-child (выбирает каждый n-ный потомок родительского элемента), :first-child (выбирает первый потомок родительского элемента).
Чтобы использовать псевдокласс, нужно указать его после основного селектора элемента:
selector:pseudo-class {
property: value;
}Например, чтобы стилизовать ссылку при наведении на нее курсора мыши:
a:hover {
color: red;
}Псевдоклассы позволяют более тонко и точно настраивать стили элементов в зависимости от их состояния или отношения к другим элементам.
