Html 引导导航栏覆盖颜色在JSFIDLE中工作，但在代码i'中仍然是纯灰色；我正在研究

感谢@doctorep回答了我之前的问题……这让我对导航栏进行了CSS更改。 我想做的是改变导航栏的颜色

例如，我将代码放入JSFIDLE：

（CSS的其余部分在JSFIDLE中）

这里的颜色很简单。黑色条和灰色悬停颜色。 它在JSFIDLE页面上工作。 但是当我将CSS引入到代码中时，我正在处理的导航栏仍然是灰色的。背景应为灰色，但导航条不应为灰色

我有没有遗漏什么来覆盖颜色？

---

谢谢。

如果您使用的标记与另一个问题中相同，则最上面的div上的内联样式将由所有子元素继承

两种选择：

1） 或者删除该内联样式并使其成为类

2） 添加一个重要的标志

.navbar-default {
    background-color: #1C1C1C !important; /*this should do the trick I believe*/
    border-color: #CCC;
}

---

我已经试过了。我想这也会是个问题。谢谢你的建议。谢谢凯尔！成功了。忘记了“重要”必须在那里。这是一种痛苦的屁股。。。但是，嘿，它起作用了。谢谢你的帮助！

.navbar-default {
    background-color: #1C1C1C !important; /*this should do the trick I believe*/
    border-color: #CCC;
}