Question

我正在使用奇数甚至是bgcolor表。

我有一个单独的表结构，其中我做奇数甚至bgcolor。我不希望bgcolor（想要白色）在该表之间的少数<tr>。

如果我在<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

您可以在新课程中使用更具体的选择器，例如tr.newClass或css !important关键字，以便.myTable-alt不会覆盖这些样式。

例如，

table tr.newClass{
  background-color: #FFF;
}

或

.newClass{
  background-color: #FFF !important;
}

Answer 2

!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与.myTable-alt相同，那么{{} { 1}}行不是白色的。如果是这种情况，那么你可以强迫它：

even

Answer 3

如果您不需要支持IE8，则可以使用nth-child对您的表格进行斑马纹理。

tr:nth-child(odd) {
    background-color: #F8F8F8;
}

您可以创建一个类来覆盖所需行的颜色。只需确保此选择器定义位于样式表中的上述选择器定义之后。

tr.special {
    background-color: #FFF;
}

jsFiddle demo

删除背景颜色

3 个答案: