CSSPseudoElement
CSSPseudoElement 介面表示一個偽元素，它可以是事件的目標，也可以使用 Web Animations API 進行動畫處理。可以透過呼叫 Element.pseudo() 來獲取此介面的例項。
例項屬性
CSSPseudoElement.element實驗性 只讀-
返回偽元素的源/父
Element。 CSSPseudoElement.type實驗性 只讀-
以字串形式返回偽元素選擇器。
例項方法
CSSPseudoElement 繼承自 EventTarget，因此它繼承了以下方法
示例
使用 Element.pseudo 的基本示例
使用偽元素，大多數現代瀏覽器會自動在 <q> 元素內的文本週圍新增引號。 （較舊的瀏覽器可能需要樣式規則來新增引號。）下面的示例演示了表示開始引號的 CSSPseudoElement 物件的基本屬性。
js
const element = document.querySelector("q");
const cssPseudoElement = element.pseudo("::before");
console.log(cssPseudoElement.element); // Outputs [object HTMLQuoteElement]
console.log(cssPseudoElement.type); // Outputs '::before'
規範
| 規範 |
|---|
| CSS 偽元素模組 Level 4 # CSSPseudoElement-interface |
瀏覽器相容性
載入中…