jquery - 自定义上下文表行类 Bootstrap

Question

我正在尝试使用 Bootstrap 为上下文 TR 着色创建一些自定义类。

阅读它说找到将类属性复制到 custom.css 文件并根据您的需要修改它的文档。但是，在尝试此操作没有成功之后，我想我会将我的自定义类添加到 bootstrap.css 中。但这仍然没有成功。

我一直在尝试使用 Firebug 诊断问题，但未能找到解决方案，因此在此处发帖。

当我使用类元素“success”时，CSS 看起来像这样

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 4px;
}
.table tbody tr.success > td {
    background-color: #DFF0D8;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}

当我使用我的自定义类(我可以看到它在 Firebug 中被选中)时，我明白了。

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}

所以它甚至没有从 CSS 文件中读取自定义类，我不知道为什么。

有什么想法吗？

小号

编辑 **

自定义 CSS 文件如下所示。

.width100{
    width: 100%;    
}

/*Custom Table Row Property*/
.table-striped> tbody tr.major > td {
  background-color: #faa732;
}

.table tbody tr.initial > td {
  background-color: #49afcd;
}

.table tbody tr.maint > td {
  background-color: #5b331d;
} 

.table tbody tr.suppressed > td {
  background-color: #bfcada;
}

Answer 1

结果是 Firefox 缓存了 CSS 文件，我花了几个小时来追踪由浏览器引起的问题!!!

清除了缓存，它立即正常工作。

该死的!!!!