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

Материал из Энциклопедия о программировании
Перейти к: навигация, поиск

Псевдоэлемент CSS — ключевое слово, добавленное к селектору, которое позволяет вам стилизовать определенную часть выбранных элементов. Напр., ::first-line может использоваться для изменения шрифта первой строки абзаца.

Синопсис

Примечание: В отличие от псевдоклассов, псевдоэлементы можно использовать для стилизации определенной части элемента.

Синтаксис

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

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

Примечание: Как правило, вместо одинарного двоеточия (:) следует использовать двойные двоеточия (::). Это отличает псевдоклассы от псевдоэлементов. Однако, поскольку это различие не присутствовало в более старых версиях спецификации W3C, большинство браузеров поддерживают оба синтаксиса для исходных псевдоэлементов.

Индекс

Этот раздел также можно назвать, или альтернативные заголовки раздела:
  • Список всех CSS псевдоэлементов по алфавиту

Псевдоэлементы, определенные набором спецификаций CSS, включают следующее:

A
B
C
F
G
M
  • ::marker (экспериментальный)
P
S

Примеры

Первая строка каждого элемента <p>:

p::first-line {
  color: blue;
  text-transform: uppercase;
}

См. также