如何摆脱这个元素或改变它的颜色？

我试图摆脱以下元素, 或者尽可能更改其颜色-这不是边框, 而是背景图片。它的代码如下所示：

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

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

#1

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

在你的情况下, 你应显示Dark Mod或至少定义如何实现Dark Mode。是更改属性还是仅更改类名？

如果要更改类名, 则应根据该更改定义css代码, 例如, 假设在暗模式下, 你将新的类名添加到.main-inner的任何div标记父级中, 作为.dark-mode。

然后, 你可以使用以下代码：

div:not(.dark-mode) .main-inner{ background: rgba(252, 252, 252, 0) !important; }

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

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

#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;
}