1

我正在使用 Javascript 创建一个表，每个 td 都有一个列和行类。例如，第一个，最左上角的 td 有两个类，.row0 和 .column0。这是创建类的代码行：

theTr.append($("<td>", { "class": "row"+h + " column"+i,
                         html: heights[h][i]
                       }));

其中h和i是递增的变量。忽略

html: heights[h][i]

部分，可以看到每个td的class都类似这种格式

<td class="rowh columni">

现在，我希望第一行中的所有 td 的背景颜色为蓝色，字体颜色为白色。为此，我做到了

.row0 {
    background-color: blue;
    color: white;
}

效果很好。我还希望 column0 中的每个 td（.row0 上的 td 除外）的字体颜色为红色。所以我尝试了

.column0:not(.row0) {
    color: red;
}

但这不起作用，它不会对任何字体颜色进行任何更改。我知道，我可以使用

!important

用 .column0 .row0 在 td 上标记，我知道还有其他方法可以做到这一点，但是有没有办法用 :not 选择器做到这一点？请注意，我使用的是 IE8 和 CSS，而不是 CSS3。我是否正确使用了 :not 选择器？

4

1 回答 1

4

IE8 不支持 :not 选择器

于 2013-10-28T16:56:05.190 回答