sess的用法

288 阅读1分钟

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; } )