Html 无法更改导航栏'；s字体颜色

我正在尝试将导航栏的背景颜色更改为蓝色，链接颜色更改为白色。我无法将导航栏上的链接更改为白色。我做得不对。不知道是什么。谢谢你的帮助

.navbar默认值{
背景色：#2196f3；
}
纳瓦尔先生{
颜色：白色；
}

家

引导有许多默认样式

您的代码不起作用是因为引导覆盖了您的css（与@Kirito相同）

您可以将css更改为这样，它可以工作：

.navbar div{
    background-color: #2196f3 !important;

}
.navbar a{
    color:white !important;
}

不过，更好的解决方案是自定义引导程序。链接：

---

此方法将获得更干净的代码和更少的问题

删除

.navbar a

规则集并添加：

/* change brand text color */
.navbar-default .navbar-brand
{
    color:white;
}

/* change list links text color */
.navbar-default .navbar-nav > li > a
{
    color:white;
}

---

您需要更具体地使用CSS规则。看

工作示例：

.navbar.navbar-default{
背景色：#2196f3；
}
.navbar.navbar-default ul>li>a，
.navbar.navbar-default.navbar品牌{
颜色：白色；
}

切换导航

您需要更具体地说明您的选择器或其他选择器（在引导的CSS中定义）将适用，因为它们可能更具体

这一点在第二章中得到了更好的解释

请参见下面的示例代码

nav.navbar-default{
背景色：#2196f3；
背景图像：无；
}
nav.navbar-default.navbar品牌，
nav.navbar-default.navbar导航>li>a{
颜色：白色；
}

当我单击此处的“运行代码片段”时，我会看到一个带有白色链接的蓝色背景。。。！同样，代码段有效。代码段不加载引导样式，所以它有效。你对我来说太快了：）我尝试了这个，它有效。然而，我的重点是使用bootstrap的定制。我想它会更干净。