Псевдоэлементы

Описание

Также как псевдоклассы, псевдоэлементы добавляются к селекторам, но вместо описания специального состояния, они позволяют стилизировать некоторые части документа. К примеру, ::first-line псевдоэлемент указывает только на первую строку элемента, заданного селектором.

Синтаксис

selector::pseudo-element {
  property: value;
}

Все псевдоэлементы

• ::after
• ::before
• ::first-letter
• ::first-line
• ::selection
• ::backdrop
• ::placeholder
• ::marker
• ::spelling-error
• ::grammar-error

Примечания

Иногда вы увидите двойное двоеточие (::)  вместо просто одного (:). Это часть стандарта CSS3 и попытка разграничения между псевдоклассами и псевдоэлементами. Большинство браузеров поддерживают оба обозначения.

Заметьте: ::selection всегда начинается с двойного двоеточия (::).

Вы можете использовать только один псевдоэлемент в селекторе. Он должен добавляться после простого селектора в выражении.