Sass 样式及用法
Sass 样式层叠表,它是 CSS 的预处理器,用以为 CSS 增加一些编程特性。它是可以将脚本解析为 CSS 语言的一种脚本语言,也就是 SassScript。
目前通用语法有两套,“缩进语法"和 CSS 一样的“块语法”,文件扩展名分别为.sass 和.scss。
如何在 Sass 中表示变量?
Sass 声明变量必须是『$』开头,后面紧跟变量名和变量值,而且变量名和变量值需要使用冒号:分隔开。
//声明变量
$blue: #1875e7;
div {
color: $blue;
}
//嵌套
div {
hi {
color:red;
}
}
//继承
.class1 {
border: 1px solid #ddd;
}
.class2 {
@extend .class1;
font-size:120%;
}