在引导程序中将所有文本设置为.navbar-inverse

Question

导航栏内的文字不是白色的。 如何将所有文本设置为内部.navbar-inverse class？

我正在使用这个css

.navbar-inverse {
    background-color: #05467C !important;
    color: #FFF !important;
}

但它不起作用。

我可以用

.navbar-inverse * {
    color: #FFF !important;
}

并且它有效，但似乎不建议使用此语法：

Answer 1

它们可能是链接，因此请尝试添加以下内容：

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

你可能不需要重要的颜色，也许不需要bg颜色，但你必须分享代码才能得到准确的答案。

下次，我建议您在浏览器中使用检查器来获取正确的选择器。

Answer 2

Bootstrap在.navbar-inverse下有三个选择器，默认情况下使用的颜色不是白色：

/* Copied from Bootstrap 3's compiled bootstrap.css at line 4595 */
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

要覆盖这些，只需在您自己的CSS中使用那些完全相同的选择器：

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

至于你所拥有的那个蓝色超链接，我只能假设你已经在HTML结构之外添加了Bootstrap本身推荐的内容。您可以使用选择器来解决这个问题：.navbar-inverse a，但您也需要为其:hover和:focus州提供服务。

总而言之，你可能会得到类似的东西：

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse a,
.navbar-inverse a:hover,
.navbar-inverse a:focus {
  color: #fff;
}