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 класс начальной загрузки, но он не загружается в приложение, чтобы вы создали CSS для класса table-striped

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

При загрузке начальной загрузки файла в приложении, вам просто нужно изменить селектор CSS по

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

Здесь есть Demo ссылка