更改Woocommerce评论星中的颜色和间距

Question

有人知道我可以使用什么CSS代码来更改评论星标的颜色，并将它们进一步隔开吗？

我有下面的代码，但是它只会更改轮廓颜色

.product .star-rating span:before,
.product .star-rating:before {
    color: #FF0000;
}

我将添加什么代码来完成整个任务并将它们隔开一些距离？

谢谢！

Answer 1

以下内容应将颜色更改为#FF0000，并在评级星之间增加1px的间距：

.star-rating span:before,
.star-rating::before,
p.stars a:hover:after, 
p.stars a:after {
    color: #ff0000 !important;
    letter-spacing: 1px; 
}

经测试可正常工作

Answer 2

您可以使用以下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更改为要使用的值。

希望这会有所帮助。