CSSの /*コメント*/ で嵌る
2008年03月25日 カテゴリ: TEC
シンプルな数ページを作るだけなのに、CSSでほぼ丸一日嵌りました。外部CSSの一部分だけ効かないのです。同じソースをHTMLに直接書けば有効になります。こんなときは、きっとトホホなタイプミスなんかがあるんだと思い、何度も何度もCSSとHTMLのソースを見直しました。でも記述に間違いはなく、ますます原因がわかりません。ここまで嵌ったときは自分では解決できないと決めているので、早めにヘルプを求めました。
結局知人のアドバイスで、あるコメントを外しめでたくCSSは有効になりました。よかったよかった。また、/*文字列*/のアスタリスクの次に半角をスペースを入れることにしました。ムダにした時間が少なかったのが幸いです。じたばたせずに冷静な他人の意見を聞くのが一番ですねー。
いや、でも私何年もCSSで/*コメント*/使ってるし、スペースが無いことによる弊害は一度もなかったので、やっぱりおかしいなー？？と思って調べていたら、「HTMLとCSSの文字コードが違うときはCSSで特定の文字を含むコメント後の設定が無視される」という記事をみつけました。（CSSに@charset宣言することで回避できるようです。）
>>Internet Explorer (Windows) CSSバグリスト
昨日から触ってたのはCSSがUTF-8でHTMLがS-JISです。過去のソースを利用して新しいサイトを構築する途中でした。どうせ最終的には全部をUTF-8にするんだし、まずはちょっとデザインを触って...という段階。ここで嵌るとは。昨夜夢にまで出てきたんですよ。
