ブートストラップ - 「テーブルストライプ」を取得できません

Question

table-strippedをTwitter Bootstrapと使用しています。

私はホバーで他の要素をターゲットにすることができますが、table-stripedがなくても良いことはありますが、table-stripedを使用するといくつかの要素をアクティブにすることはできません。

このような理由：table-striped

You can see on JSFiddle for demo

私はこれをどのように修正することができますか？

Answer 1

CSSの特異性によるものです。

CSSセレクタの特定値を大きくするか、ブートストラップCSSセレクタを無効にするのが怠惰な場合は！importantを使用してください。

table.table.table-striped tr.myTip td { 
background: red; 
} 

または

.myTip td { 
background: red !important; 
} 

Demo

Answer 2

実際にあなたのフィドルはbootstrap.cssファイルをロードしません。

table-stripedは、ブートストラップクラスですが、あなたがアプリケーション内のブートストラップファイルをロードすることにより、クラスtable-striped

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th { 
    background-color: #e1e1e1; 
} 

のCSSを作成したので、それはあなたのアプリケーションにロードされていない、あなただけのCSSセレクタを変更する必要があります

.myTip > td, .myTip > th { 
    background-color: red; 
} 

によってここDemoリンク