Html 无法更改bootsrap4中的导航栏颜色

我使用引导创建了两个导航栏

克莱文氏

用

导航栏灯更换
背景灯

<nav class="navbar navbar-expand-sm navbar-light" id="mainnavbar">

用
导航栏灯更换
背景灯

<nav class="navbar navbar-expand-sm navbar-light" id="mainnavbar">

取下
bg灯
。因为它使用了
！重要信息
modifier它正在覆盖您的CSS。您还需要使用
navbar-dark
或
navbar-light
来显示


#主导航栏{
背景色：#CC0000；
}

演示：
移除
bg灯
。因为它使用了
！重要信息
modifier它正在覆盖您的CSS。您还需要使用
navbar-dark
或
navbar-light
来显示


#主导航栏{
背景色：#CC0000；
}

演示：
使用
bg颜色
更改背景颜色使用
bg颜色
更改背景颜色非常感谢您的回答。看起来你的答案是正确的（根据代码）。但这并没有解决我的问题。可能是因为我在标题和正文结尾区域使用了和标签。这是我第一次创建网站。可能是我在这些链接或脚本中做错了什么。我是根据视频、w3school和bootstrap文档来做的。最后，我能够做到这一点，就像这个问题出现在输入错误时一样。我纠正了它，因为现在它是好的。非常感谢你的帮助。非常感谢你的回答。看起来你的答案是正确的（根据代码）。但这并没有解决我的问题。可能是因为我在标题和正文结尾区域使用了和标签。这是我第一次创建网站。可能是我在这些链接或脚本中做错了什么。我是根据视频、w3school和bootstrap文档来做的。最后，我能够做到这一点，就像这个问题出现在输入错误时一样。我纠正了它，因为现在它是好的。非常感谢你的帮助。