sass 是什么?
sass是一种预处理语言,语法更加强大,
sass 的安装
npm install sass -g
sass --version 检测安装的sass版本
sass 和css的文件转换
sass 01.scss 01.css 把sass文件转换成css文件
sass的语法
sass中声明变量使用$符号
$color:red;
sass作用域
作用于离自己最近的变量
sass的导入
关键字 @import "./03.scss";
sass混入的用法
@mixin name{
这里定义混入的内容
} name是给混入起的名字
引用混入
@include name; 引用混入、
sass的继承
定义一个基本的类(例如.button-basic)
继承这个类(例如
.button-a{ @extend .button-basic; } )