npm全局安装sass预处理器
npm install -g sass
查看sass版本
创建scss文件
转化scss文件为css文件
创建scss文件的小技巧
1scss文件设置变量,变量作用域当前有效
2scss嵌套(不太懂)
3A.scss文件引用B.scss文件,在A文件里写@import B(在B文件定义变量或者基础格式,然后A文件引用)
4混入,固定组合A前加@mixin,混入时@include(固定的一些组合,例如外边距,内边距为0,长宽100%)
5继承,基础样式,在新样式里加@extend 基础样式(基础样式有用,新样式也有用)
sass的css预处理规则
未经允许不得转载:爱站程序员基地 » sass的css预处理规则