css - ネストされたテーブルのストライプをオフにする方法

Question

プロジェクトにTwitterブートストラップを使用しています。

テーブルのセルには、別のネストされたテーブルがあります。外側のテーブルにはテーブルストライプクラスがあり、内側のテーブルに継承されます。内側のテーブルの継承を停止して、外側のテーブルのみがストライプ化されるようにする簡単な方法はありますか？

ありがとう。

サム

Answer 1

.table-striped table {
 /* Undo any styles from the table-striped class here */
}

Answer 2

このように独自のクラスを作成し、それをテーブルに追加します。

.table-not-striped tbody tr:nth-of-type(odd) {
background-color: transparent!important;}

必ず！importantフラグを使用してください。この答えを信用することはできません-CodePlyで見ました。ただし、！importantフラグを追加しました。それがないと、これは機能しません。

Answer 3

内部テーブルのスタイルをオーバーライドできます。

table > table {
/* inner table styles */
}

Answer 4

.table-unstriped  > tbody > tr:nth-child(odd) > td,
.table-unstriped > tbody > tr:nth-child(even) > td {
 background-color: white;
}