の継承は、私は、ブートストラップを学んでいたし、それを実装する方法についてクラスで混乱してしまった

Question

（どのように私たちはカスタマイズする必要がある特定のクラスを知っている）、ここでは私の問題です私の質問はどのように我々はactiveクラスがnavbar-inversenavbar-nav内にあることを知ることができるである

.navbar-inverse .navbar-nav .active a:hover{ 
    background-color:#2f2f2f; 
} 

を使用していますか？なぜnavクラスですか？

Answer 1

activeクラスが内部にあるのはnavbar-inversenavbar-navではなく、navではありません。あなたは、CSSコンセプトコールの特異性を理解する必要があります。 Specificityは、CSSセレクターに計算値を割り当てる手段を提供します。次のように計算の基礎は、次のとおり

要素は各IDの値に対して自動的に（1,0,0,0 点）勝つインラインスタイルを有する場合、0,1,0,0点を適用します各クラス値 （または擬似クラスまたは属性セレクタ）のために、各 要素参照の0,0,1,0点を適用する、最終的に0,0,0,1点

を適用し、最高セレクタ価値が勝ち、それが適用されるスタイルです。ケースに希望のスタイルを適用するには、セレクタがブートストラップのセレクタより高い計算値を持つことを確認する必要があります。あなたのセレクタ作品、セレクタはは次のようにする必要はありませんが：

.navbar-inverse .navbar-nav .active a:hover{ 
    background-color:#2f2f2f; 
} 

それは、特定の状況では、次のように書くことができ：

#moreSpecific a:hover{ 
    background-color:#2f2f2f; 
} 

あなたはそれを見ることができますこのcodeplyプロジェクトのアクション。

また、この記事をCSS-Tricksのspecificityで読むことをお勧めします。これははるかに徹底しており、このコンセプトについてより深く理解しています。