Firebug在外部样式表的开头报告CSS语法错误

Question

Firebug抱怨我的一个外部CSS文件中出现语法错误，并且总是指责第一行： SyntaxError: syntax error

出于测试目的，我试图注释掉并完全删除第一条规则，但仍会显示下一条规则的错误。文件中的所有样式表都将被忽略。

Answer 1

实际上这是一个JavaScript语法错误，而不是CSS问题。这种情况发生在心不在焉地复制粘贴HTML标记并使用脚本标记包含CSS文件时。 D'oh！

实际上，浏览器尝试将CS​​S内容解析为JavaScript，这当然不起作用。解决方案很简单：

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