Mozilla 5.0系 CSSバグリスト

の直後にある宣言が無視される

スタイルシート内にHTMLのコメント（）を記述すると、コメントの直後にあるスタイル宣言が無視されることがある。

<style type="text/css">
<!-- コメント -->
p.test {
  color: blue;
}
</style>

<p class="test">青色？</p>

青色？

HTMLのコメントの直後にスタイル宣言を置いています。

WinIE6.0標準モード

Ns7.1 Netscape7.1標準モード

HTML4のstyle要素は内容物がCDATA形式であり、そこでは  がコメントの区切りとして判断されません。従ってこれらに挟まれた部分もスタイルシートの一部とみなされるため、コメントの後方に何らかの影響を与える可能性があります。

また、style要素内でHTMLのコメントを使用する主な目的は、過去のユーザエージェントがstyle要素の内容物を閲覧領域に表示することを防ぐことです。スタイルシートのコメントを記述する目的で使用することはできません。HTMLのコメントとCSSのコメントを正しく使い分けてください。