Селекторы псевдоклассов и псевдоэлементов в CSS отличаются по своему назначению и синтаксису. 47

Псевдоклассы — это селекторы, которые обозначают элемент при каком-либо действии, например когда пользователь наводит курсор на подсказки или кликает по ссылке. 1 Псевдоклассы добавляются к селектору символом «двоеточие» (:). 4

Псевдоэлементы — это тоже селекторы, но, в отличие от псевдоклассов, они создают области в документе HTML, которых изначально не было. 1 Селекторы псевдоэлементов используются для стилизации части элемента — например, для выделения первой заглавной буквы, строки или вставки новой информации. 1 В синтаксисе псевдоэлементов используется продублированный знак «двоеточие» — (::). 4