html - 外部スタイルシートの開始時に CSS 構文エラーを報告する Firebug

Question

Firebug は、私の外部 CSS ファイルの 1 つに構文エラーがあると文句を言い、常に最初の行を非難します。 SyntaxError: syntax error

テスト目的で、最初のルールをコメントアウトして完全に削除しようとしましたが、次のルールでもエラーが表示されます。ファイル内のすべてのスタイル シートが無視されます。

Answer 1

実際、これは JavaScript の構文エラーであり、CSS の問題ではありません。これは、うっかり HTML タグをコピー アンド ペーストし、script タグを使用して CSS ファイルをインクルードした場合に発生します。ああ！

実際には、ブラウザーは CSS コンテンツを JavaScript として解析しようとしますが、もちろん機能しません。解決策は簡単です：

<script src="style.css"></script> <!-- won't work -->
<link rel="stylesheet" type="text/css" href="style.css"/> <!-- better :) -->