Question

此website上的导航栏已折叠

选项卡的背景色为white，我想更改它。我在CSS中尝试了以下代码：

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

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

我正尝试仅针对MOBILE进行更改。

我敢肯定有一个简单的解决方案，但我想不通。
有人可以帮忙吗？

Answer 1

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

如果您这样做：

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

它将工作..

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

Answer 2

基本上在您的html中有内联样式，可以将其删除或更改颜色，或者如果您希望通过CSS进行更改，请使用以下代码：

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