IE7で隣接セレクタに落とし穴? IE7で隣接セレクタを使う際の注意点

2008年2月 8日 13:37

WWW WATCHさんのところで興味深い記事を見つけたので備忘録的に書いてみた。

タイトル通りだけど、どうやらIE7の隣接セレクタにはバグがあり、HTML文書でコメントアウトしている要素も"隣接"と認識してしまうもの、という感じ。

サンプルを書いてみた

IE7で隣接セレクタを使う際の注意点サンプル

IE7で見た隣接セレクタバグのサンプル画像

IE7で隣接セレクタを使う際の注意点サンプル画像

IE7で見てもらうとわかるけど、確かにコメントがあるだけで隣接セレクタが効いていない。
(サンプルの上がコメントあり、下がコメントをつけただけでHTML、CSS共にまったく同じ)

まだIE6が全盛だけど、そろそろIE7へ自動更新が始まるから、そうなったら隣接セレクタにお世話になりそう。そのときにこういった類のバグは覚えておくとあとあと楽かも。

▼ソースの紹介は以下から。

▼EntryMore▼

CSSソース

HTMLソース

トラックバックURL

http://css-eblog.com/cgi-bin/mt/mt-tb.cgi/61

コメントを投稿





承認されるまでコメントは表示されません。しばらくお待まちください。