更改产品块的 Woocommerce 店面星级评分颜色

Question

我正在使用以下代码更改我的 Woocommerce Storefront 商店中产品、商店和搜索结果页面的星级评分颜色：

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

但是，当我将产品块（畅销书、新品等）添加到我的页面时，星级评分显示为默认的黑色。我如何将其更改为自定义颜色？

Answer 1

您可以通过 .wc-block-grid__product class:

过滤 css

.wc-block-grid__product .star-rating span:before,
.star-rating:before {
    color: #ffffff;
}