更改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;
}

编辑:这是你的bootply的一个分支,演示了这个方法.(为了清楚起见,我添加了额外的行)