html - Bootstrap CSS 文本颜色不变

Question

我正在使用 Bootstrap 制作一个网站，我想更改导航栏的文本颜色。我什至在定位导航栏时遇到了困难，但这不是重点。基本上，我只想更改文本颜色。它可以让我更改除文本颜色之外的任何我想要的内容，例如背景颜色、字体、边框等，而不是文本颜色。这是 GitHub 的链接页面的。任何帮助将不胜感激(我的 css 在 css/style.css 中，颜色标签在 .nav、.navbar、.dropdown-menu 类中)。

编辑 1 我已经更新了我的 GitHub 代码，但它似乎仍然无法正常工作。

Answer 1

控制导航栏上的字体颜色的行目前在 bootstrap.css 中，内容如下:

.navbar-default .navbar-nav > li > a { color: #777;}

在 style.css 中 - 您已尝试更改几个地方的颜色，主要是此处:

.navbar-default, .navbar-nav > li > a, .dropdown-menu {
背景色:#c8f57a；
边界:0 无；
颜色:#2d4207；
字体系列:“Josefin Sans”，无衬线字体；
margin :0；
文本转换:大写；
}

您可以通过在 color:2d4207; 之后添加 !important 为您的 style.css 规则设置优先级。因此，style.css 中的新 CSS 将如下所示:

.navbar-default, .navbar-nav > li > a, .dropdown-menu {
背景色:#c8f57a；
边界:0 无；
颜色:#2d4207!重要；
字体系列:“Josefin Sans”，无衬线字体；
margin :0；
文本转换:大写；
}

您可以在这里阅读 CSS 特异性:developer Mozilla - Specificity