css - 推特 Bootstrap 子导航改变颜色

Question

在移动设备上查看时，如何更改或覆盖 Twitter bootstraps 子菜单中子导航项的颜色。

如果您通过手机查看此站点:http://61.8.186.105/ 并选择顶级菜单，您会看到子导航是灰色的。我需要把它变成白色，但运气不好。

我尝试用以下方法覆盖 Bootstrap 设置:

@media (max-width: 767px)
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    }
}

.. 但它只是不接收它。

如果我在媒体查询之外设置此样式，它会起作用(但我只想将此颜色设置为 max-width: 767px)。

有人设法成功更改此子导航的颜色吗？

谢谢

杰森

Answer 1

在css中添加!important，这样就可以强行把这个css应用到链接上

@media (max-width: 767px)
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff !important;
    }
}