css - 重写 woocommerce !important 类

Question

我正在尝试覆盖默认设置为 !important 的 woocommerce css 类。我该如何覆盖它？

默认是:

.woocommerce-error, .woocommerce-info, .woocommerce-message{
 padding: 1em 2em 1em 3.5em!important;}

我尝试了以下但不想知道:

main .post .entry .woocommerce-error, .woocommerce-info, .woocommerce-message{padding: 0 0 10px 0 !important;}

不确定我是否可以更改原始的 woocommerce 样式表，因为我假设我所做的更改将在插件更新时被覆盖。

非常感谢。

Answer 1

那是因为您忽略了逗号，您的那一行中实际上有 3 规则，您必须为其中的每一个指定它。这应该有效:

main .post .entry .woocommerce-error, 
main .post .entry .woocommerce-info, 
main .post .entry .woocommerce-message { 
    padding: 0 0 10px 0 !important; 
}