SCSS 简介

Sass 是一种 CSS 预处理器，这个预处理器包含两种语法：

  • Sass：一种缩进语法
  • SCSS：一种 CSS-like 语法

SCSS 基础语法

  • 变量用 $ 表示
  • 导入 @import
  • 混合 @mixin
  • 继承 @extend %
  • 操作符 +, -, *, /, %
  • 引用父级选择器 &
  • 嵌套属性 : {

参考资料

  1. SCSS 教程 - 白雪公主960 - 简书
  2. SCSS 与 Sass 异同 - SASS 中文文档
  3. Sass 与 SCSS 是什么关系？ - 孟祥辉 - 知乎