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

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 标签父级 作为 .dark-mode。

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

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

仅当该部分未处于暗模式时，此代码才会使该部分完全透明。

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