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;
}