学习官方文档 https://www.sass.hk/docs/,整理一下学习笔记,培养良好的习惯。
Sass是CSS的预处理语言之一,在CSS语法的基础上增加了一些新的概念,比如:变量(variables)、嵌套(nested rules)、混合(mixins)、导入(inline imports)等。这些概念使得CSS变得更加强大便捷。
语法格式
Sass有两种语法格式:
1、一种是SCSS(Sassy CSS),这种格式以.scss
作为拓展名;
2、还有一种是Sass语法格式,被称为缩进格式(Indented Sass),这种格式以.sass
为拓展名;
两种格式化可以互相转化,也可以使用@import
直接导入到另一种格式中使用。
# 转化 sass ——> scss
$ sass-convert style.sass style.scss
# 转化 scss ——> sass
$ sass-convert style.scss style.sass