javascript - CSS 非选择器不起作用？

Question

我正在使用 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

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

Answer 1

IE8 不支持 :not 选择器