Css 使所有文本内部为白色。引导中的导航栏反转

Css 使所有文本内部为白色。引导中的导航栏反转,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,导航栏中的文本不是白色的。 如何使.navbar类中的所有文本变为白色 我正在使用这个css .navbar-inverse { background-color: #05467C !important; color: #FFF !important; } 但它不起作用 我可以用 .navbar-inverse * { color: #FFF !important; } 它可以工作,但似乎不推荐使用这种语法: 它们可能是链接,因此请尝试添加以下内容: .navba

导航栏中的文本不是白色的。 如何使.navbar类中的所有文本变为白色

我正在使用这个css

.navbar-inverse {
    background-color: #05467C !important;
    color: #FFF !important;
}
但它不起作用

我可以用

.navbar-inverse * {
    color: #FFF !important;
}
它可以工作,但似乎不推荐使用这种语法:


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

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}
您可能不需要重要的,也可能不需要bg颜色,但您必须共享代码才能得到准确的答案


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

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

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}
您可能不需要重要的,也可能不需要bg颜色,但您必须共享代码才能得到准确的答案


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

引导程序在
下有三个选择器。navbar inverse
使用默认非白色的颜色:

/*从Bootstrap 3的编译Bootstrap.css第4595行复制而来*/
.navbar反向。navbar品牌{
颜色:#9d9d9d;
}
.navbar inverse.navbar文本{
颜色:#9d9d9d;
}
.navbar反向。navbar导航>li>a{
颜色:#9d9d9d;
}
要覆盖这些选项,只需在您自己的CSS中使用完全相同的选择器:

.navbar inverse.navbar品牌,
.navbar inverse.navbar文本,
.navbar反向。navbar导航>li>a{
颜色:#fff;
}
至于你得到的蓝色超链接,我只能假设你已经添加了引导程序本身推荐的HTML结构之外的超链接。您可能可以使用选择器:
.navbar inverse a
,但您也需要满足其
:悬停
:焦点
状态

总而言之,您可能会得到以下结果:

.navbar inverse.navbar品牌,
.navbar inverse.navbar文本,
.导航条反向。导航条导航>li>a,
.导航条反向a,
.导航条反向a:悬停,
.导航条反向a:聚焦{
颜色:#fff;
}

引导在
.navbar inverse
下有三个选择器,它们默认使用非白色的颜色:

/*从Bootstrap 3的编译Bootstrap.css第4595行复制而来*/
.navbar反向。navbar品牌{
颜色:#9d9d9d;
}
.navbar inverse.navbar文本{
颜色:#9d9d9d;
}
.navbar反向。navbar导航>li>a{
颜色:#9d9d9d;
}
要覆盖这些选项,只需在您自己的CSS中使用完全相同的选择器:

.navbar inverse.navbar品牌,
.navbar inverse.navbar文本,
.navbar反向。navbar导航>li>a{
颜色:#fff;
}
至于你得到的蓝色超链接,我只能假设你已经添加了引导程序本身推荐的HTML结构之外的超链接。您可能可以使用选择器:
.navbar inverse a
,但您也需要满足其
:悬停
:焦点
状态

总而言之,您可能会得到以下结果:

.navbar inverse.navbar品牌,
.navbar inverse.navbar文本,
.导航条反向。导航条导航>li>a,
.导航条反向a,
.导航条反向a:悬停,
.导航条反向a:聚焦{
颜色:#fff;
}

在您面临问题的地方共享演示或实时链接,以便我们能以更好的方式提供帮助。尝试使用.navbar inverse.navbar nav>li>a{color:#fff;}整个要点是将.navbar inverse中的任何文本变为白色,而不枚举css中的每个元素。标题和背景文本如何?在您面临问题的地方共享演示或实时链接,以便我们能以更好的方式提供帮助。尝试使用.navbar inverse.navbar nav>li>a{color:#fff;}整个要点是在.navbar inverse中使任何文本变为白色,而不枚举css中的每个元素。标题和背景文本呢?关键是要使.navbar中的任何文本变为白色,而不必枚举css中的每个元素。标题和背景文本如何?与我们共享代码,但您必须枚举css中的每个元素,因为引导程序使用SASS生成css输出,并且将使用选择器最多的一个,这就是为什么您的*工作正常,而其他人不工作的原因。关键是要将任何文本变为白色。navbar反转,没有枚举css中的每个元素。标题和背景文本如何?与我们共享代码,但您必须枚举css中的每个元素,因为引导程序使用SASS生成css输出,并且将使用选择器最多的一个,这就是为什么您的*工作正常,而其他人不工作的原因。关键是要将任何文本变为白色。navbar反转,没有枚举css中的每个元素。标题和背景文本如何?@monstro如果您的HTML具有Bootstrap建议的正确类名,则应涵盖所有情况。关键是要使.navbar中的任何文本变为白色,而不必枚举css中的每个元素。标题和背景文本如何?@monstro如果您的HTML具有正确的类名,则应涵盖所有情况。