更改Bootstrap条带表的单行颜色

Question

我不想使用JQuery更改条带表的各行颜色：

$("#rowElementId").addClass("activeRow");

css类activeRow如下所示：

.activeRow {
background-color: #d9d9d9;
}

表格本身如下：

<table class="table table-striped">
    <thead>
        <tr id=...>
        ...

问题是，我的解决方案JQuery指令仅适用于条带表的白行。我怎么能改变这个？

在这里，您可以找到我的问题示例：Bootstrap

Answer 1

特异性已关闭。引导程序3中的当前行颜色选择器如下：.table-striped>tbody>tr:nth-of-type(odd)。

你应该通过这种方式来增加其特异性：

.table-striped>tbody>tr.activeRow{
    background-color: #d9d9d9;
}

编辑：here is a fork of your bootply演示此方法。 （为了清楚起见，我添加了额外的行）

Answer 2

尝试将!important添加到您的规则中，例如

.activeRow {
  background-color: #d9d9d9 !important;
}