?在寫代碼的時候遇到一個問題,我希望通過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