CSSPseudoElement

Интерфейс CSSPseudoElement представляет псевдоэлемент, который может быть целью события или анимирован с помощью API анимаций веб-страниц. Экземпляры этого интерфейса могут быть получены путем вызова Element.pseudo().

CSSPseudoElement.element Экспериментально Только для чтения

Возвращает исходный/родительский Element псевдоэлемента.

CSSPseudoElement.type Экспериментально Только для чтения

Возвращает селектор псевдоэлемента в виде строки.

CSSPseudoElement расширяет EventTarget, поэтому наследует следующие методы:

Используя псевдоэлементы, большинство современных браузеров автоматически добавляют кавычки вокруг текста внутри элемента <q>. (Для добавления кавычек в старых браузерах может потребоваться правило стилей.) Приведенный ниже пример демонстрирует основные свойства объекта CSSPseudoElement , представляющего открывающую кавычку.

const element = document.querySelector("q");
const cssPseudoElement = element.pseudo("::before");
console.log(cssPseudoElement.element); // Outputs [object HTMLQuoteElement]
console.log(cssPseudoElement.type); // Outputs '::before'

• Element.pseudo()
• API анимаций веб-страниц
• Element.animate()