ブートストラップ3 navbarブランドカラー

Question

私はブートストラップ3 navbarを使用していますが、何らかの理由でブランドテキストの色やドロップダウンの三角形を変更することはできません。私は物事のカップルを試してみたが、bootstrap.cssファイルでまだ運...

.navbar .nav > .navbar-brand > a { 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #d6d6d6; 
} 

.navbar-brand { 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #d6d6d6; 
} 

.navbar-brand a{ 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #d6d6d6; 
} 

Answer 1

：ブランドのテキストの色が設定されているところ

.navbar-default .navbar-brand { 
    color: #777777; 
} 

です。私はcolor: #ff0000に変更し、正常に赤に変わった。 は、ドロップダウン三角形の色を変更するドロップダウン三角形のためにホバーなどに色違いのために、ここで

.navbar-default .navbar-nav > .dropdown > a .caret { 
    border-top-color: #777777; 
    border-bottom-color: #777777; 
} 

色の値を変更するには：

.navbar-default .navbar-nav > .dropdown > a:hover .caret, 
.navbar-default .navbar-nav > .dropdown > a:focus .caret { 
    border-top-color: #333333; 
    border-bottom-color: #333333; 
} 

.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret { 
    border-top-color: #ff0000; 
    border-bottom-color: #ff0000; 
} 

Answer 2

これは、特異性の問題です。ブートストラップのCSSに含まれる宣言は、あなたのものよりも具体的です。あなたの宣言をこのように書いてください：

.navbar-default .navbar-brand { 
    color: #d6d6d6; 
} 

単純に使用して.navbar-brandはあまり具体的なので、無視しています。あなたは特異性について少し読むかもしれませんhere。

Answer 3

あなたのスタイルが有効でない場合、それは特異性の問題です。 ChromeやSafariでWeb Inspectorを使用すると、どのようなスタイルが有効であるか、またそれらのスタイルを適用するために使用されたセレクタが表示されます。

Answer 4

navbarが黒色の場合navbar-inverseを使用しているため、これらのソリューションは動作しません。この場合、使用中のSO

：！

.navbar-inverse .navbar-brand { 
    color: #d6d6d6; 
} 

Answer 5

あなただけ

を追加するために、ここで他の提案が動作しない場合は、重要な

私は追加まで（それらのどれも重要な私のために働いていません！ ）

.navbar-brand { 
    color: #ffffff !important; 
}