Question

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

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

我一直在尝试使用Firebug尝试诊断问题，但无法找到解决方案，因此这里有帖子。

当我使用class元素'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文件，我花了数小时追踪浏览器导致的问题!!!

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

DAMN IT !!!!

自定义上下文表行类Bootstrap

1 个答案: