折叠的导航栏背景颜色更改

Question

这个网站上有一个折叠的导航栏

选项卡的背景颜色是white，我想更改它。我在 CSS 中尝试了这段代码：

@media (max-width: 767px) {
.nav-collapse
{
background-color: red;
}
}

它有点工作，它在每个选项卡下添加红线，但它不会改变背景颜色。
如果您在移动设备上访问该网站并单击导航栏将其折叠，您可以看到它的作用。

我试图仅为移动设备更改此设置。

我相信有一个简单的解决方案，但我无法弄清楚。
有人可以帮忙吗？

Answer 1

这是因为您的灰色背景设置在锚点上而不是在导航

上如果这样做：

.header ul.nav li a { 
background: red;
}

它会工作..

我刚刚再次检查，您将背景添加到 3 个元素中，您的外包装器上有红色，您在列表元素中添加了白色，锚点上添加了灰色

Answer 2

基本上在你的html中，有内联样式，要么删除它，要么改变颜色，或者如果你想通过css改变它，请使用以下代码：

.nav-collapse ul li { backgroud-color: red !important; }

内联样式引用图像