IE系だけ?スタイルを適用(IE7含む)
Perlのいつもの癖で、コメントアウトのつもりで行頭に#を入れたら、IE系以外
でコメントアウトされてた。
.hoge { # width: 400px; width: 200px; }
とかの場合、mozilla系だと200px,IE系だと400px
いや、実際コメントアウトというより、#で無名idでも探しにいっているとか、文法エラー時の振る舞いの結果だとか、CSSは詳しくないので良く分からないが、そういうことだは思うんですが…
#Eclipse::plugin::Aptana だと文法エラーで怒られますし
コメントアウトを確認できたのは以下のブラウザ
WinXP
- NN7.1
- Firefox2.0
- Opera9
IE系(7含む)だと#を無視して通常通り読みむ。
知ってるボックススタイルハックと並べてみた。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>BOXhack</title> <style type="text/css" media="all"> <!-- .Boxhack { font-size: 100%; padding: 0px 10px; border:#000000 dashed 1px; width: 200px !important; /* 最優先項目 !important 通常後に記述したものよりも優先度が高い */ # width: 400px !important; /* NN7,firefox, ではコメントアウトされる IE系は読み込む */ width: 100px; /* IE6までは、同じブロック内に後に記述したものが優先度が高くなり、これを読み込む */ width /**/:50px; /* IE6では上手く読み込めず、IE5.5には適用される */ } --> </style> </head> <body> <div class="Boxhack"> ああああああ </div class="explainStage"> </body> </html>
で、結果一覧
http://f.hatena.ne.jp/images/fotolife/l/likk/20070410/20070410195824.jpg
画像は上から
WinXP IE7,
WinXP Firefox2.0,
WinXP NN7,
WinXP IE6,
Win98 IE5.5
Safariなど、MacOS環境下は未確認なので知らない。
というか、誰か確認しくれると幸い。
つーかそれ以前にCSSとしてはNGな例。