在写代码的时候遇到一个问题,我希望通过JS选中某伪元素以改变它的style,结果并没有找到可以直接选择到伪元素的方法,这里参考Pankaj Parashar的一篇博客,摘出几种简单方法以改变伪元素的style.
示例代码:
html:
<div class="red"></div>
css:
.red::after{
content:"red";
color:red;
}
另加类法
css:
.green::after{
content:"green";
color:green;
}
js:
$("div").removeClass("red").addClass("green")
这样,div的after伪元素就是.green::after了
新加style
$("<style>.red::after{content:'green';color:green}</style>").appendTo("head")
如需了解更多方法,敬请参见引用文章。
Pankaj Parashar—Modify pseudo element styles with JavaScript