javascript - CSSではないセレクターが機能していませんか?

Question

私は Javascript を使用してテーブルを作成しています。各 td には列と行のクラスがあります。たとえば、最初の左上端の td には、.row0 と .column0 の 2 つのクラスがあります。クラスを作成するコード行は次のとおりです。

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

.column0 .row0 を使用して td にタグを付けます。他の方法があることは知っていますが、:not セレクターを使用してそれを行う方法はありますか? CSS3 ではなく IE8 と CSS を使用していることに注意してください。:not セレクターを正しく使用していますか?

1 に答える 1