KOMOREBI || blog

HTMLは、こんな感じに・・・

<div id="aaa">
  <h2>見出し２－１</h2>
  <p>...中略... </p>
</div>
<!-- commentOut -->
<div class="bbb">
  <h2>見出し２－２</h2>
  <p>...中略... </p>
</div>

スタイルシートは以下のように

div#aaa + div.bbb {
margin: 1em 1.5em 3em 1.5em;
padding: 1em;
border: 1px solid #ccc;
}

「bbb」は、classであっても、idであっても起こるようだ。
なるほど・・・
コメントアウトのつけ方が影響受けるとなると、DWでテンプレート使っている場合なんか大きな影響受けるんじゃないだろうか？？
まだ、IE6が存在している以上、なかなか接近セレクタを使う機会は自分はないものの、
もっと思いもよらない検証ってしておかないとIE7とかは、気付かない場所に落とし穴ありそうですね。

ちなみに、この間に入っているコメントアウトを外すと、接近セレクタは正常に動作します。
なんじゃそれ・・・
この現象が起こったのはIE7だけみたいですね。
FirefoxやOperaでは、普通に解釈してくれてました。

» CSSセレクタ簡易対応表｜CSS HappyLife