Skip to main content

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

参考文章:https://www.ruanyifeng.com/blog/2012/06/sass.html