現在の Web ブラウザーでは、HTML タグで複数の css クラスを使用できます。たとえば、次のようになります。
<div class="style1 style2 style3">foo bar</div>
これは常に機能するとは限りません。主要なブラウザがこの機能を正しくサポートし始めたのはどのバージョンですか?
@Wayne Kao - IE6 では、要素の複数のクラス名を問題なく読み取り、各クラスに属するスタイルを適用できます。この記事が言及しているのは、クラス名の組み合わせに基づいて新しいスタイルを作成することです。
<div class="bold italic">content</div>
.bold {
font-weight: 800;
}
.italic {
font-style: italic;
{
IE6 は、太字と斜体の両方のスタイルを div に適用します。ただし、ボールドとイタリックのクラスを持つすべての要素も紫にしたいとします。Firefox (または IE7 かどうかは不明) では、次のように記述できます。
.bold.italic {
color: purple;
}
それはIE6では機能しません。
とにかく、少なくともv1.5以来、Firefoxはこれを常にサポートしていると思います。IE は v7 でのみ完全なサポートを追加しました。IE6 は部分的にサポートしていますが、かなりバグがあるため、適切に動作するとは考えないでください。
blooberryによると、IE4 と Netscape 4.x はこれをサポートしていません。HTML 4.0仕様によると
クラス = cdata リスト [CS]
この属性は、クラス名またはクラス名のセットを要素に割り当てます。任意の数の要素に同じクラス名を割り当てることができます。複数のクラス名は空白文字で区切る必要があります。
複数のクラス名を含む CSS セレクターがある場合、明らかに IE 6 はこれらを正しく処理しません: http://www.ryanbrill.com/archives/multiple-classes-in-ie/