Bootstap - 不能得到「表條紋」

Question

我使用table-stripped與Twitter Bootstrap。

我可以使用懸停的任何其他元素，沒有table-striped但是當我使用table-striped和一些元素不能被激活。

其原因如下：table-striped

You can see on JSFiddle for demo

我該如何解決這個問題？

Answer 1

這是因爲CSS的特殊性。

提高你的CSS選擇器的特異性值或使用！重要的，如果你懶到覆蓋引導CSS選擇器。

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鏈接