如何摆脱这种元素或改变其颜色？

Question

我正在尝试摆脱以下元素，或者尽可能更改其颜色-它不是边框，而是背景图片。它的代码看起来像这样：

.col-2cl .main-inner {
    background: url(img/sidebar/s-right-s1.png) repeat-y right 0;
    padding-right: 340px;
}

我的问题是，如何摆脱这个因素？我正在尝试完全在网站的深色版本中将其删除，但我无法这样做-我觉得我已经尝试了所有方法（background: none;等）。我无法完全删除该文件，因为我的网站版本比较轻便需要它。我的网站：

Answer 1

您将为.col-2cl .main-inner分配的任何新值都将隐藏该图像。

在您的情况下，您应该显示暗模式或至少定义暗模式的实现方式。是更改属性还是仅更改类名？

如果要更改类名，则应根据该更改定义CSS代码，例如，假设在黑暗模式下，您将新的类名添加到.main-inner的任何div标记父项中，作为{{ 1}}。

然后，您可以使用以下代码：

.dark-mode

仅当该代码不在暗模式下时，此代码才会使该部分完全透明。

但是正如我所描述的，您需要了解暗模式如何改变您的网站结构。也许，它不是添加新类，而是更改所有CSS文件。然后，您只需要编辑该特定文件。

Answer 2

您可以使用

.col-2cl .main-inner {
display: none; // In case it will not work, you can try to add !important before the semicolon.
}

或使用

更改背景属性

.col-2cl .main-inner {
background: url(new_background_image.jpg) repeat-y right 0 !important;
}