class属性の大文字・小文字が区別されない

症状

クラスセレクタなどを用い、class属性を条件にして宣言したスタイルは属性値の大文字・小文字に関係なく適用されてしまう。

例示

<style type="text/css">
.sample {
  background: yellow;
}
</style>
<div class="Sample">背景色は?</div>
背景色は?

class属性は大文字と小文字が区別されるため、背景色を黄色にする宣言は適用されないはずです。

スクリーンショット

Moz1.0.2Moz1.0.2での表示(標準モード)

Op6Opera6.05での表示

補足

MozillaやWinIEなどでも互換モードを使用した場合に同じ現象が発生します。「.sample」と「.Sample」のように、大文字・小文字の違いしかないクラスセレクタを同一スタイルシート内で使うことは控えたほうがよいでしょう。

修正状況

Opera6.05では不具合の発生が確認されました。Opera7.0では標準・互換モードともに不具合の発生は確認されませんでした。

スポンサーリンク

関連記事

スポンサーリンク

[warn] _default_ VirtualHost overlap on port 80, the first has precedence エラー

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る