Псевдоэлементы обладают рядом дополнительных возможностей по выбору элементов веб-страницы и похожи на псевдоклассы. Список доступных псевдоэлементов:

• ::first-letter: позволяет выбрать первую букву из текста

• ::first-line: стилизует первую строку текста

• ::before: добавляет сообщение до определенного элемента

• ::after: добавляет сообщение после определенного элемента

• ::selection: выбирает выбранные пользователем элементы

  В CSS2 перед псевдоэлементами, как и перед псевдоклассами, ставилось одно двоеточие. В CSS3 для отличия их от псевдоклассов псевдоэлементы стали предваряться двумя двоеточиями. Однако для совместимости с более старыми браузерами, которые не поддерживают CSS3, допустимо использование одного двоеточия ::before.

Стилизуем текст, используя псевдоэлементы first-letter и first-line: Читать далее