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

Question

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

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

Answer 1

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

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

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