如何使用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: ');

Answer 2

我不確定為什么您需要設置a：visited with javascript，但是jQuery將為您帶來很多便利，因為您可以輕松選擇幾乎所有需要的東西：

http://api.jquery.com/category/selectors/