使用CSS样式表时出现Uncaught SyntaxError语法错误求助

问题根源 #

你遇到的两个语法错误，本质都是CSS文件里出现了不符合规范的字符或格式：

• 第一个Unexpected token '{''：是选择器和左大括号之间的格式不对，比如混了全角空格、或者大括号前有非法字符
• 第二个Unexpected token ':'：第3行的属性名和冒号之间有问题，大概率是用了全角冒号，或者属性名写错、前后加了多余的全角字符

直接修正步骤 #

1. 统一使用半角字符
   CSS里的所有符号（{、:、;、空格）必须是半角格式，别用全角符号。比如把全角的：改成半角的:，全角空格替换成半角空格。
2. 规范代码书写格式
   正确的CSS写法参考：

   body {
       background-color: #ffffff;
       font-size: 16px;
   }
   

   重点注意：
   • 选择器和{之间留一个半角空格
   • 属性名和:之间不要加空格，:和属性值之间保留一个半角空格
   • 每个属性值结尾必须添加半角分号;
3. 借助工具排查隐藏错误
   如果自行检查仍找不到问题，把CSS代码复制到W3C的CSS验证工具中，工具会精准定位错误位置并给出原因说明。

内容的提问来源于stack exchange，提问作者Freyseee