0

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

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

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

当我使用类元素“成功”时，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;
}
4

1 回答 1

-1

所以事实证明 Firefox 已经缓存了 CSS 文件，我花了几个小时追踪浏览器导致的问题！！！

清除缓存并立即正常工作。

该死的！！！！

于 2013-09-30T15:24:37.240 回答