更改：使用Javascript进行样式设置之前

Question

我想使用js 编辑更改此页面上星星的颜色：链接现在已经死了

这是：在上课“星级”之前控制颜色，但我无法成功改变它，可能是因为它有重要意义。

我读了这篇文章，但没有帮助Javascript set CSS :after styles

由于

亚历

Answer 1

可能不是最好的方法，但是

s = document.createElement('style') ; 
s.innerHTML = '.star-rating span:before, .star-rating:before, .woocommerce-page .star-rating:before { color:pink !important}' ; 
document.head.appendChild(s); 

即。在头部添加样式标记，覆盖那些明星的样式。

Answer 2

唯一的解决方案是为那些星星删除并添加新的DOM，或者你可以从css中删除它！important然后使用JS进行更改。

否则使用jquery然后：

starDiv = document.getElementsByClassName("star-rating")[0];
$(starDiv).css('color', 'red', 'important');