CSS 不选择器不起作用

CSS not selector not working?

本文关键字：不起作用 选择器 CSS      更新时间：2023-09-26

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

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

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

html: heights[h][i]

部分，您可以看到每个TD的类都与此格式相似

<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.Am 正确使用了：not 选择器？

IE8 不支持 ：not 选择器

相关文章：