CSSPseudoElement
CSSPseudoElement 接口表示一个伪元素，它可能是事件的目标，也可以使用 Web 动画 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 伪元素模块级别 4 # CSSPseudoElement-接口 |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。