Bootstrap CSS 文字颜色不变

Bootstrap CSS text color not changing

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

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

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

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

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

.navbar-default, .navbar-nav > li > a, .dropdown-menu { background-color: #c8f57a; border: 0 none; color: #2d4207; font-family: "Josefin Sans",sans-serif; margin: 0; text-transform: uppercase; }

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

.navbar-default, .navbar-nav > li > a, .dropdown-menu { background-color: #c8f57a; border: 0 none; color: #2d4207 !important; font-family: "Josefin Sans",sans-serif; margin: 0; text-transform: uppercase; }

您可以在此处阅读 CSS 特异性:developer Mozilla - Specificity