写在前面:
今天学习使用Sass,网上看了很多介绍和教程,了解到Sass文件有2种后缀:.sass(老版本),.scss(新版本),两者语法上有些不同:
(1).sass文件中,不可以用 分号“;” 和 花括号“{}”;
(2).scss文件,像CSS文件中一样使用分号和花括号。
然而,现在网上的博客和教程都是 .scss 的写法,很多人也没有去说明这个问题,对于初学者来说,这算是一个大坑吧,故此写一篇小文介绍一下。
.sass文件命令行编译
1、Sass文件名为:example.sass
注意:.sass后缀的文件,语法规定,没有分号 “;” 和花括号“{}”
2、用命令行方式,编译Sass文件,结果如下图所示
注意:请转到当前要编译的文件所在的目录下,然后输入如下命令
sass example01.sass
3、错误示范
Sass文件(用了分号和花括号):
编译结果:
错误提示:缩进语法中不允许使用分号。花括号可以自己去试试看,也是不行的。