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

症状

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

例示

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

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

スクリーンショット

補足

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

修正状況

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

スポンサーリンク