-
4-Sass\
- 用ruby安装：gem install sass\
- 执行编译：sass .\sass\style.scss : css/style.css\
-
自动编译：sass --watch sass:css\
-
source map 默认是开启的，它会生成一个后缀名为 .css.map 的文件。\
- .map 文件，通过它可以定位到源码信息\
-
-
修改编译输出的css格式\
- nested-嵌套（sass --watch sass:css --style nested）（默认）\
- compact-紧凑（sass --watch sass:css --style compact）\
- expanded-扩展（sass --watch sass:css --style expanded）\
- compressed-压缩（sass --watch sass:css --style compressed）\
- sass可以用变量\
- sass可以用嵌套\
-
嵌套时调用父选择器\
- a{ &:hover{} }\
- 引用父选择器&-text\
- sass可以属性嵌套\
-
🍗混合-Mixins\
- @ mixin 名字 (参数1, 参数2) {}\
- @ include 名字\
-
🍗继承-inheritence\
- @ mixin 名字 (参数1, 参数2) {}\
- @ extend 名字\
- 使用群组选择器来实现继承\
-
引用\
-
@ import\
- 在一个scss文件中把其他的scss文件包含起来，scss会把他们编译成一个文件，这样可以把样式分割成不同的小的部分\
-
Partials\
- 小部分，不会被编译，每一个Partials就是一个scss文件。文件名需要下划线开头（_base.scss）\
-
Partials作用\
- 能使css项目模块化，并且更有条理性\
-
-
数据类型-data type\
-
注释-Comment\
- /多行注释/：压缩中不会出现\
- // 单行注释：不会出现\
- /!强制注释/：压缩中会出现\
-
-
Data Type\
-
sass -i\
- type-of(5)\
-
