IE6 での CSS マルチカテゴリ セレクターについて

マルチカテゴリセレクターの書き方。例:

#my.c1.c2 { 色:赤;}
.c1.c2 { 色:赤;}

上記の書き方はIE7+/FF/Opera/Safariなどのブラウザに対応しています。

ただし、IE6 では、後のクラス名が前のクラス名を上書きします。つまり、上記の例は、IE6 では次のように認識されます。 #my.c2 { 色:赤;}

.c2 { カラー:レッド;}

同じ理由:

#my.c1.c2.c3 { color:red;}

IE6 はこれを #my.c3 {color:red;} として認識します

.c1.c2.c3 { 色:赤;}
IE6 は .c3 { color:red }

として認識します。 したがって、開発時に複数のクラスを組み合わせて CSS 効果を実現する場合、IE6 ではこの問題に注意してください。最善の方法は、クラスの組み合わせを使用しないことです。

以上がIE6 での CSS マルチカテゴリ セレクターについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。