CSS-原始样式表与自定义样式表-覆盖样式的正确方法

我使用的是wordpress主题，它使用自己的按钮样式。以下行是CSS的一部分：

.button {
background: #333 !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#222))  !important;
background: -moz-linear-gradient(0% 0% 270deg,#333, #222) !important;
}

我正在使用我自己的自定义样式表，我想覆盖这些样式，但我所需要做的就是更改背景色并删除渐变

如果我只保留行，在样式表中更改背景颜色，如下所示：

.button {
background: #353535 !important;
}

---

然后渐变仍然显示，因为它在原始样式表中

如果我将渐变线设置为

background:none然后它将影响我更改颜色的第一行，因此不会显示任何内容

因此，我改为这样做：

.button {
    background: #353535 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#), to(#))  !important;
    background: -moz-linear-gradient(0% 0% 270deg,#, #) !important;
    }

我去掉了渐变色

这是可行的，但可能不是这样做的

在自定义css样式表中是否有适当的方法删除渐变样式
 在HTML/CSS透视图中：渐变不是颜色，而是图像

因此，只需删除背景图像

background-image: none;

“然后渐变仍在显示，因为它在原始样式表中”，这是不应该发生的，除非原始样式表是在自定义样式表之后加载的。我现在已将其从自定义样式表中删除，并且似乎一切都正常。嗯，不确定，一定是以前做错了什么。谢谢你指出这一点。