Псевдоклассы определяют динамическое состояние элементов. Примеры простых псевдоклассов:
:hover псевдокласс который позволяет выбрать элемент, когда на него наведен курсор мыши и кнопка мыши еще не нажата.
:active выбирает активные ссылки (кнопка мыши зажата на ссылке).
:link выбирает еще не посещенные ссылки.
:visited выбирает посещенные ссылки.
:focus позволяет выбрать элемент, который в данный момент в фокусе (например, текстовое поле, в которое установлен курсор).
a:link{}
a:visited{}
a:hover{}
a:active{}
input:focus{}
В некоторых случаях порядок задания правил важен, иначе некоторые из них могут не сработать.