使用`.css`表示伪元素

Question

可能重复:
使用jQuery操作CSS:before和:after伪元素

我想jQuery等效这个CSS代码:

p:before {
   content: 'Intro!';
}

我天真地试过,$('p:before').css('content', 'Intro!');但它不起作用.

如何使用jQuery进行伪元素CSS修改？

Answer 1

你不能.

1)选择器p:before不仅仅是一个选择器 - 伪元素定义了不影响实际选择的功能.什么是jQuery应该返回,所有p标签？这就是全部$(...)- 它返回一堆与您的选择器匹配的元素.jQuery(Sizzle/querySelectorAll)不知道如何获取:before...

2)也没有通过JS API提供Psuedo-element/class行为.

通过JS动态执行此类操作的唯一方法是创建一个<style>元素,如下所示:

$('<style>p:before{content:"intro";}</style>').appendTo('head');

我可以问你为什么要这样做呢？