更改:在使用Javascript设置样式之前

更改:在使用Javascript设置样式之前,javascript,css,colors,pseudo-element,Javascript,Css,Colors,Pseudo Element,我想用js-edit:link改变这个页面上星星的颜色,现在链接已经死了 这是在“星级评定”课上控制颜色的:之前,但我没能成功地改变它,可能是因为它有一个重要的颜色 我读了这篇文章,但没用 谢谢 Alex唯一的解决方案是删除并添加该stars的新DOM,或者您可以删除它!来自css的重要信息,然后使用JS进行更改 否则,请使用jquery,然后: starDiv = document.getElementsByClassName("star-rating")[0]; $(starDiv).css

我想用js-edit:link改变这个页面上星星的颜色,现在链接已经死了

这是在“星级评定”课上控制颜色的:之前,但我没能成功地改变它,可能是因为它有一个重要的颜色

我读了这篇文章,但没用

谢谢


Alex

唯一的解决方案是删除并添加该stars的新DOM,或者您可以删除它!来自css的重要信息,然后使用JS进行更改

否则,请使用jquery,然后:

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

唯一的解决方案是删除并添加该星的新DOM,或者您可以删除该星!来自css的重要信息,然后使用JS进行更改

否则,请使用jquery,然后:

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

也许不是最好的方法,但是

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); 

i、 e.在头部添加一个样式标签,以覆盖这些星星的样式。

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

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); 

i、 e.在头部添加一个样式标签,该标签将覆盖这些星星的样式。

为什么需要js?这只能通过cssI来实现,我只希望它发生在某些页面上,我没有做主题,所以我宁愿远离css文件,这样你就可以创建自己的样式表,或者将其放在你想要的页面的头部。你也在搜索纯js或jquery的解决方案吗?这些页面是由Wordpress中的插件动态创建的,js是我实现我想要的目标的唯一途径。你为什么需要js?这只能通过cssI来实现,我只希望它发生在某些页面上,我没有做主题,所以我宁愿远离css文件,这样你就可以创建自己的样式表,或者将其放在你想要的页面的头部。你也在搜索纯js或jquery的解决方案吗?这些页面是由Wordpress中的插件动态创建的,js是我实现我想做的事情的唯一方法你可以通过使用jquery做到这一点,但你没有使用jquery。你可以通过使用jquery做到这一点,但你没有使用jquery