javascript - 去除背景颜色

Question

我正在为表格使用奇数和偶数 bgcolor。

我有一个表结构，我在其中做奇数和偶数 bgcolor。我不想要 bgcolor(想要白色)很少 <tr>在那张 table 之间。

如果我将任何类放入 <tr>或 <td> js 正在覆盖它。

嗨，我在做什么。

$(document).ready(function() {
    $(".myTable tr:odd").addClass("myTable-alt");
});

/CSS/

.myTable-alt  {
    background-color: #F8F8F8;
    overflow: hidden;
    padding-top: 5px;
}

Answer 1

!important是一种方式，另一种方式是更改您的 CSS。

.myTable-alt  {
    background-color: #F8F8F8;
    overflow: hidden;
    padding-top: 5px;
}

.myTable-alt.no-color { /* for elements with BOTH classes */
    background-color: #fff;
}

对于 <tr>如果您想拥有白色背景，它们可以看起来像:

<tr class="myTable-alt no-color">

因为 所有 odd <tr>我们将拥有 .myTable-alt类，您可以向要修改的几个类添加第二个类。

注意:如果 background-color在 parent 元素上与 .myTable-alt 相同, 那么这就是为什么 even行不是白色的。如果是这种情况，那么您可以像这样强制执行:

$(document).ready(function() {
    $(".myTable tr:odd").addClass("myTable-alt");
    $('.myTable tr:even').css('background-color', '#fff');
});