Html 如何更改导航栏的默认背景色？

如何更改导航栏的默认背景色？在我的html中，我有这段代码，但是页面没有呈现这段代码，它坚持默认的引导css。这是我的实时测试页面，它显示默认的反向暗导航栏，而不是我的导航栏自定义页面。我在谷歌上搜索了很多，这就是我发现如何使用navbar定制的原因

这是我添加到我的style.css中的内容：

.navbar自定义{
背景色：#CC0000；
边框颜色：#AA0000；
边界半径：0；
}
.navbar定制。navbar品牌，
.navbar定制。navbar品牌：hover，
.navbar定制。navbar品牌：focus{
颜色：#FFF；
}
.navbar自定义.navbar导航>li>a{
颜色：#FFF；
}
.navbar自定义.navbar nav>li>a:悬停，
.navbar自定义。navbar导航>li>a:焦点{
背景色：#AA0000；
}
.navbar自定义.navbar导航>.active>a，
.navbar自定义.navbar导航>.active>a:悬停，
.navbar自定义.navbar导航>.active>a:焦点{
颜色：#FFF；
背景色：#AA0000；
}
.navbar自定义.navbar文本{
颜色：#FFF；
}
.navbar自定义.navbar切换{
边框颜色：#AA0000；
}
.navbar自定义.navbar切换：悬停，
.navbar自定义.navbar切换：焦点{
背景色：#AA0000；
}
.navbar自定义.navbar切换.图标栏{
背景色：#FFF；
}
这在html标题中

这是导航栏部分

您还没有在HTML中的任何地方实际应用

导航栏自定义类。使用class
navbar
将其添加到
div
上的类列表末尾

<div class="navbar navbar-inverse navbar-fixed-top navbar-custom">


更改

<div class="navbar navbar-inverse navbar-fixed-top">



到



无需更改课程。
只需为您的选择器提供比当前“主要”选择器更高的特异性：

这将推翻标准背景

编辑：如果出于任何原因您更喜欢使用navbar自定义，那么您必须将此类添加到元素中，并且仍然使选择器具有更高的特异性。例如：

.navbar.navbar-custom { }

这不起作用，我只是添加了它，并在这里重新上传了我的页面，将其更改为我的自定义颜色，但现在我登录下的下拉菜单不起作用。不，它不是重复的。你需要在引导后放置样式表，以便使你的样式起作用：bootstrap.css，然后是styles.css。我更改了导航栏的颜色，但现在我的下拉菜单不起作用。它在您发布的原始代码段中也不起作用。这不可能是因为新改变的背景颜色。为了帮助您，我需要查看隐藏/显示下拉列表的代码。这似乎是由javascript函数处理的。我已经废弃了这个导航栏，从头开始，一次慢慢地修改一两行代码并保存原始代码。谢谢
.navbar.navbar-inverse {
background-color: #CC0000;
}

.navbar.navbar-custom { }