官方文档:https://www.sass.hk/
1.首先注意,这里的sass和我们的scss是什么关系?
sass和scss其实是一样的
css预处理语言
预处理语言使用是:开发时用预处理语言,在打包上线时,用webpack再配合loader工具给转成css(Cascading Style Sheets)给浏览器使用
后缀名不同:
SCSS 是 Sass 3 引入新的语法,其后缀名是分别为 .sass和.scss两种。
SASS版本3.0之前的后缀名为.sass,而版本3.0之后的后缀名.scss
语法规范:
sass没有{}
和;
, 有严格的缩进规范 ;
scss和css的缩进规范是一致的
我们在实际开发过程中,scss是常用写法
2.SCSS的基本使用
单独创建一个文件夹作为scss的使用,为了方便应用scss,我们可以在vscode中安装一个名为easy sass
的插件,它会自动的帮助我们把.scss => .css
首先我们新建一个文件