sass: 常用语法（css预处理器）

1、sass官网文档：Sass教程 Sass中文文档 | Sass中文网

一、@extend继承样式

.error {
  border: 1px #f00;
  background-color: #fdd;
}
.seriousError {
  @extend .error; // 继承.error的样式
  border-width: 3px; // 额外添加的样式
}

sass有2种文件后缀名：（1）.sass，不使用大括号和分号。（2）.scss，常用格式，与平时写的css文件格式差不多，使用大括号和分号。

1.如何引入其他.scss文件（引入时，可省略文件后缀名）：@import "scss文件名"；

// 在a.scss文件中，引入var.scss或var.scss
@import "common/var";

2.注释语句：分2种，（1）单行注释（编译为css，会被删除）：// 这是单行注释。（2）多行注释（与css相同，编译后会保留）：/* 我是多行注释 */

3.如何使用变量：使用$符号声明变量即可。

$hightlight-color: #F90;
.selected {
    border: 1px solid $highlight-color;
}

4.

参考网址：

• 一篇完整的 Scss 学习指南，看这篇就够啦
• Scss 基本使用 （ @extend、 @mixin、@import、@if、@for、@while、@each ）_scss语法 有没有@_明天也要努力的博客-CSDN博客