Css 更改星星中的颜色和间距

Css 更改星星中的颜色和间距,css,wordpress,woocommerce,product,rating,Css,Wordpress,Woocommerce,Product,Rating,有人知道我可以用什么CSS代码来改变我的评论星的颜色,并将它们隔开更远吗 我有下面的代码,但它只改变了轮廓的颜色 .product .star-rating span:before, .product .star-rating:before { color: #FF0000; } 我将添加什么代码来完成整个任务,并将它们隔开一点 谢谢 您可以使用以下css规则更改评级星的颜色 p.stars.selected a.active:before, p.stars:hover a:befor

有人知道我可以用什么CSS代码来改变我的评论星的颜色,并将它们隔开更远吗

我有下面的代码,但它只改变了轮廓的颜色

.product .star-rating span:before,
.product .star-rating:before {
    color: #FF0000;
}
我将添加什么代码来完成整个任务,并将它们隔开一点


谢谢

您可以使用以下css规则更改评级星的颜色

p.stars.selected a.active:before, p.stars:hover a:before, p.stars.selected a:not(.active):before, p.stars.selected a.active:before{color:#ff0000!important;}
上述规则中使用的
#ff000
将使显示为红色。将其更改为所需的颜色值

使用以下css来分隔星星

p.stars a{margin-right:5px!important;}
将5px更改为您想要使用的值


希望这有帮助。

以下内容应将颜色更改为
#FF0000
,并在评级星之间添加
1px

。星级span:之前,
.星级评定::之前,
p、 星星a:悬停:之后,
p、 a:之后{
颜色:#ff0000!重要;
字母间距:1px;
}
测试和工作


嗨。。谢谢你!但它似乎没有任何作用:(你能试着用“!important”吗好的,太好了。这很有效!谢谢!虽然现在最后一颗星被切断了,因为很明显它们所在的容器或某个东西太短了。我该如何修复它呢?非常感谢!!通常情况下,这不应该发生,因为容器没有设置特定的宽度。嗯,每个主题也可以不同。你使用了多少间距?顺便问一下,你能告诉我吗接受这个答案,因为它至少解决了你原来的问题?没关系。我通过把星星变小一点来解决这个问题,这是我无论如何都想做的。谢谢!!