IE,OperaだとCSSが反映されるのに、Firefox,Safariでは反映されないときの原因として「
全角文字」があります。
特にプロパティからコメントアウトまでのスペースに
全角スペースを入れてしまうと、視覚的に発見するのは難しいです。
【誤りの例】
.class {
font-size:10pt; /* コメントの前に全角スペース */
color:#ffffff;
}
font-size:10pt; から
/* コメントの前に全角スペース */ の間に
全角スペースが含まれた場合、font-size は効きますが、全角スペースの次のプロパティ color が効かなくなります。
Firefoxでスタイルシートが効かないと思ったらまずこの全角スペースが含まれていなか確認してください。
【正しい例】
.class {
font-size:10pt; /* コメントの前に半角スペース */
color:#ffffff;
}
半角スペースであればいくつ連続しても問題ありません。
- 関連記事
-