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 |
浏览器兼容性
加载中…