Отличие псевдоклассов от классов в том, что их названия заранее определены и дополнительно их определять не надо и вместо точки, перед ними нужно ставить двоеточие. При этом у тэга может быть указан основной класс в селекторе и к нему можно добавить псевдокласс.
Стоит учитывать, что не все псевдоклассы, которые есть в CSS поддерживаются всеми браузерами и их версиями. Но есть некоторый костяк основных, которые обязательно будут работать.
Один из самых популярных псевдоклассов, псевдокласс, который определяет, как будет выглядеть элемент при наведении, особенно полезен для ссылок - :hover.
Рассмотрим пример, HTML-код:
CSS-код:
Вот как это будет выглядеть : При наведении окрасится в другой цвет
Далее приведу список других популярных псевдоклассов и их функции:
:active - псевдокласс, который указывает состояние элемента когда курсор наведет и нажат на элемент
:focus - псевдоклас, наиболее применяем к элементам формы, указывает состояние элемента, когда на нем фокус - например, когда пишут в input
:visited - указывает вид посещенной ссылки
О других псевдоклассах вы можете узнать в каком-нибудь из справочников по CSS.