html - IEのcolspan>1のtd要素のCSSルール

Question

'colspan'属性とその値が1より大きいtd要素にいくつかのcssスタイルを適用する必要があります。

私は次のことをします：

td[colspan][colspan!=1] {
 background: red;
}

IE（最新のものを含む）の代わりにすべてのブラウザで動作します。助けてください。どうすれば修正できますか。

Answer 1

[colspan!=1]有効な CSS 属性セレクターではないため、これはどのブラウザーでも機能しないと想定されています。非標準の拡張機能として jQuery にのみ存在します。

jQueryのドキュメントから：

このセレクターは と同等:not([attr="value"])です。

これは、CSS で動作させるには、代わりにこれを使用する必要があることを意味します。

td[colspan]:not([colspan="1"]) {
 background: red;
}

バージョン 9 より古い IE ではサポートされて:not()いないことに注意してください。古いブラウザーをサポートする必要がある場合は、jQuery を使用してスタイルを適用するか、CSS を使用する必要がある場合は、td要素のスタイルを[colspan="1"]代わりにオーバーライドする必要があります。

td {
 background: red;
}

td[colspan="1"] {
 background: transparent;
}