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

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指定的任何新值都将隐藏该图像。

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

如果它正在更改类名，则应根据该更改定义css代码，例如，假设在暗模式下，您将新类名添加到.main-inner的任何div标签parent作为.dark-mode。

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

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

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

但正如我所描述的，你需要了解暗模式如何改变你的网站结构。也许，它不是添加新类，而是更改所有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;
}