css - Woocommerce - 更改产品页面中的字体大小和颜色

Question

我正在尝试更改产品页面中产品价格的字体大小和颜色。我将其添加到我的自定义 css 中以尝试覆盖原始 css，但无论如何，它都不起作用。

.woocommerce ul.products li.product .price {color:#ec7f91;font-size:16px;}

或

.woocommerce ul.products li.product .price {color:#ec7f91;font-size:16px;!important}

有什么想法吗？

Answer 1

首先，可能是因为所有其他样式都覆盖了它。

其次，!important 需要同时出现在两个位置上，而不仅仅是一个，并且它需要位于分号内。

修正代码:

.woocommerce ul.products li.product .price {
    color:#ec7f91 !important;
    font-size:16px !important;
}