Sass

@at-root 使用 @at-root <selector> { ... }，样式规则会脱离嵌套。 如果多个样式规则需要使用 @at-root，可以用 {} 包裹合并 使用 @at-root 默认不

Sass 代码复用有3种方式 @mixin & @include @extend @function @mixin & @include 用于复用样式逻辑，生成套路相同的样式。 使用 @mixin 定

概述 Sass引用文件有三种方式，@use, @forward 和 @import。 引用文件时可以省略文件后缀。如果引用文件夹下的 index，可以只写到文件夹。 介绍两个2个专有名词： 代码片段（

相等关系 Number 单位与值都相同，或单位转换后值相同。 String 内容相同即相同，不区分引号。 Color 转换后相同即相等。 true, false, null 只等于自己。 List 完

Number 支持科学计数法 5e3 = 5000; 单位 Number 分为有单位和无单位两种。对，16px 也属于 Number 类型。 单位也参与运算，生成复合单位，与现实生活含义相同。 % 也

语法 变量以 $ 开头。 变量声明时，变量名不允许通过表达式生成。 变量名不区分 _ 与 -，$font-size 与 $font_size 是同一个变量。 作用域 Sass 的作用域是使用 {} 划

Sass基础语法 `.scss` vs `.sass` CSS` 超集 不容错 [注释](#注释) - VS _

选择器嵌套 CSS 使用空格表明选择器层级关系，比如 .parent .child。 而 SCSS 除此之外，还可以使用 {}，比如 .parent { .child } 属性前缀嵌套 前缀相同的属性