Псевдокласс в CSS — это ключевое слово, добавленное к селектору, которое определяет его особое состояние.
Псевдоклассы дают возможность стилизовать элемент на основе не только отношений в DOM-дереве, но и основываясь на внешних факторах, таких как история посещений (например, :visited), состояние содержимого (вроде :checked у некоторых элементов формы) или позиции курсора мыши (например, :hover определяет, находится ли курсор мыши над элементом).
selector:pseudo-class { property: value; }