ブートストラップで.navbar-inverse内にすべてのテキストを白にします。

Question

navbarの中のテキストは白ではありません。 すべてのテキストを.navbar-inverseクラスの中に白くするにはどうしたらいいですか？

私はこのCSS

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

を使用していますが、それは仕事をdoesntの。

私は

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

を使用することができ、それが動作しますが、この構文は推奨されていないようだ。

Answer 1

彼らはおそらく、LINですKSので、以下を追加してみてください：

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

あなたはおそらくBG重要とそうでないかもしれない色を必要としないドンますが、あなたは、正確な答えを得るために、コードを共有する必要があります。

次回は、ブラウザでインスペクタを使用して正しいセレクタを取得することをおすすめします。

Answer 2

ブートストラップは、デフォルトでは白ではない色を使用.navbar-inverse下の3つのセレクタがあります。

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

：単にあなた自身のCSSのものとまったく同じセレクタを使用し、これらを無効にするに

/* 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; 
} 

を

あなたが持っている青いハイパーリンクに関しては、私はあなたがそれを追加したと仮定することができます。セレクタ：.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; 
}