Bootstrap - 无法获得“表格条纹”答案

【问题标题】：Bootstrap - Can't get "table-striped"Bootstrap - 无法获得“表格条纹”
【发布时间】：2018-12-09 01:00:45
【问题描述】：

我正在使用 table-stripped 和 Twitter Bootstrap。

我可以通过悬停来定位任何其他元素，没有table-striped 一切都很好，但是当我使用table-striped 时，某些元素无法激活。

原因如下：table-striped

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

这是因为 CSS 的特殊性。

增加您的 CSS 选择器特异性值或使用 !important 如果您懒得覆盖引导 CSS 选择器。

table.table.table-striped tr.myTip td {
 background: red;
}

或

.myTip td {
 background: red !important;
}

【讨论】：

【解决方案2】：

实际上你的小提琴没有加载 bootstrap.css 文件。

table-striped 是一个引导类，但它没有加载到您的应用程序中，因此您为 table-striped 类创建了一个 css

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #e1e1e1;
}

通过在应用程序中加载引导文件，你只需要改变css选择器

.myTip > td, .myTip > th {
  background-color: red;
}

这里是Demo 链接

【讨论】：