如何定位woocommerce元素？

Posted 2021-04-11

我想在我的网站上定位一些woocommerce元素，并更改颜色并进行一些CSS更改。在我的网站上使用检查器时，我发现：

<div class="woocommerce-form-coupon-toggle">

并假设我可以在wordpress中将以下内容作为css代码编写

.woocommerce-form-coupon-toggle {
    background-color #000000 !important;
}

进行此操作时，不会发生任何事情。

答案

CSS中的属性和值应由列:分隔。如下所示：

.woocommerce-form-coupon-toggle {
    background-color: #000000 !important;
}