javascript - 如何使用javascript设置css伪选择器的值？

Question

假设我想使用javascript添加以下css

p:before{content:"Q: "}

如何才能做到这一点？我尝试了以下方法，但不起作用。

myEle.style.:before='content: "Q: "';
myEle.style.content="Q: ";

一般来说，如何改变css伪选择器的值？例如 a:visited、a:link。

Answer 1

伪选择器不能直接更改，也无意更改。

如果您想在某种类型的每个元素之前添加内容，则必须使用 javascript 查找所有这些元素，并使用 dom 函数插入此内容。这需要大量代码，但是有很多帮助框架，例如 jQuery。

使用 JQuery，您可以通过以下方式做到这一点:

$('p').before('Q: ');