IE7用のハック（*+html body）で指定したスタイルがOperaにも適用される

僕は普段、IE7だけにスタイルを適用させたい場合「*+html body」を使用していたのですが、このハックで指定したスタイルがOperaにも適用される場合があるようなのです。

いろいろ実験してみた結果、XHTMLにXML宣言を入れたときのみOperaで「*+html body」ハックのスタイルが適用されるということがわかりました。検証環境はWindows Opera9.24です。Macやその他のバージョンのOperaでは検証してません。

body {
  background: blue;
}

*+html body {
  background: green;
}

上記のようなスタイルを指定したとき、各ブラウザでの挙動は下記のような結果になります。

サンプルページを2つ用意してみたのでOperaで確認してみてください。XML宣言以外は全く同じソースのページです。

そういうわけでXML宣言を入れてる場合にIE7のみ適用させたいスタイルがある場合は「*:first-child+html」を使用したほうよいです。このハックで指定したスタイルだとXML宣言の有無に関わらず、Operaには適用されないのを確認しました。

なのでIE7のみに適用させたいスタイルがある場合は以下のように書くとよいです。

body {
  background: blue;
}

*:first-child+html body {
  background: green;
}

とりあえず今回のことでわかったのは、何が起こるかわからないのでハックは極力しないほうがいいということです。当たり前のことですが、改めて思い知りました。

もしかしたら他にも要因があるのかもしれなし、Operaのバージョンによって現象がでないとかいうこともあるかもしれません。詳しく知っている方は教えてください！

なんと、あのhamashunさんがMacと9.50β1で検証してくださいました。ありがとうございます！

ちなみに余談ですがhamashunさんとはCSSniteLP4の二次会で一度話したことがありますが、めちゃいい人でした。hamashunさんが覚えてるかどうはわかりませんが(^^;
＞覚えててくれた！

http://webtech-walker.com/archive/2007/12/10205326.html/trackback

※トラックバックを受け付けてから表示するまでにしばらく時間がかかる場合があります。