アクティブなタブの背景色を変更します

Question

ブートストラップv2.3.2を使用して、アクティブなタブのデフォルトの背景色を変更しようとしています。私は以下のように設定しようとしたが、それは動作しません：

.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus 
{ 
    color: #555555; 
    background-color: red; 
} 

何かアドバイスこれが動作し、またはどのようにそれを修正するものではない理由を？スニペットのために、次のようにCSSがあるブートストラップv2.3.2のCSSファイルで

Answer 1

、：

 .nav-tabs > li.active > a, 
     .nav-tabs > li.active > a:hover, 
     .nav-tabs > li.active > a:focus { 
      color: #555555; 
      cursor: default; 
      background-color: #ffffff; 
      border: 1px solid #dddddd; 
      border-bottom-color: transparent; 
      } 

あなたが見ることができるようにあなたのCSSスニペットにこれを比較し、あなたは.activeセレクタの前にliセレクタが欠落しています。 あなたのCSSは正しいですが、ブートストラップCSSの特異性はそれ以上ではありません。 がこれだけ増え特異性によって、あなたのコードスニペットを変更：

 .nav-tabs > li.active > a, 
     .nav-tabs > li.active > a:hover, 
     .nav-tabs > li.active > a:focus{ 
      color: #555555; 
      background-color: red; 
     } 

を今すぐブラウザを、それはあなたのCSSスニペットを選択するページをレンダリングするとき。あなたがここでの例を見ることができます ： http://css-tricks.com/specifics-on-css-specificity/ 、ここで：http://jsfiddle.net/yyPrg/

をここにCSSの特異性にまで読むことができます http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/