更改产品块的 Woocommerce Storefront 星级颜色

如何解决更改产品块的 Woocommerce Storefront 星级颜色

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

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

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

解决方法

您可以通过 .wc-block-grid__product 类过滤 css：

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