ブラウザーがタグごとに複数のクラスをサポートし始めたのはいつですか?

StackOverflow https://stackoverflow.com/questions/61051

  •  09-06-2019
  •  | 
  •  

質問

現在の 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 は部分的にサポートしていますが、かなりバグが多いため、正しく動作することを期待しないでください。

によると ブルーベリー, 、IE4 および Netscape 4.x はこれをサポートしていません。 HTML4.0仕様 言う

クラス = cdata-list [CS]

この属性は、クラス名またはクラス名のセットを要素に割り当てます。同じクラス名または名前を割り当てることができます。複数のクラス 名前は空白で区切る必要があります 文字。

どうやら、複数のクラス名を含む CSS セレクターがある場合、IE 6 はこれらを正しく処理しません。http://www.ryanbrill.com/archives/multiple-classes-in-ie/

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top