CSS实验功能的用法-> element.pseudo;

问题描述

有人尝试使用CSS的新功能，换句话说就是这个功能

https://developer.mozilla.org/en-US/docs/Web/API/CSSPseudoElement

const element = document.querySelector（'q'）;

const csspseudoElement = element.pseudo（':: before'）;

我总是在控制台中收到该信息->未捕获的TypeError：element.pseudo不是函数...

我试图在Firefox开发人员版本上重新创建此文件，但未收到相同的结果。我已经将需要的标志设置为：confing-> dom.css_pseudo_element.enabled。

要清除上面文档中显示的示例。

此致

解决方法

在撰写本文时（2020年9月），pseudo()仍在进行中。您不应该期望它在此早期阶段就可以工作。

请参阅：

• https://www.w3.org/TR/css-pseudo-4/#dom-element-pseudo

和：

• https://github.com/w3c/csswg-drafts/issues/3607
• https://github.com/w3c/csswg-drafts/issues/3603

---

相反，用于访问诸如::before或::after之类的伪元素的标准方法是：

var pseudoElementStyle = window.getComputedStyle(myElement,'::before');

请参阅：

• https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle