« ValidとWell-Formedを混同しがちな件 | Back To Blog Top | 複数のclassをセレクタに指定した際のIEのバグ »
複数のclassをセレクタに指定する際のメモ書き
- 関連リンク
- 複数のclassをセレクタに指定する方法
- 複数のclassをセレクタに指定する際のメモ書き
- 複数のclassをセレクタに指定した際のIEのバグ
先日の記事、複数のclassをセレクタに指定する方法の追記エントリです。
ちょっと条件が不明瞭なので、メモ書き程度にとどめておきます。
新たに判明した事実があったら、この記事を編集・追記します。
HTML
<div class="sample code">~</div>
CSS
div.code.sample {
color: red;
}
このように、HTMLに書いたclassの順番とCSSで指定したclassの順番が異なると、IE6以下で指定がうまく適用されない事があるぽい。
ただし、サンプルのためのシンプルなファイルで試したら再現できなかったので、他にも条件があるのかも?
そもそも、現象が発生したのがスタンドアローン版のIEだったので、オフィシャル版でも同様なのか不明。
まあでも、HTMLの順番に習ってCSSを記述していった方が、可読性とかの意味でも無難だと思います。