样式表的结构
就像 CSS 一样，大多数 Sass 样式表主要由包含属性声明的样式规则组成。但是 Sass 样式表还有更多的特性可以与这些特性并存。
语句
Sass 样式表由一系列语句组成，这些语句被评估以构建生成的CSS。一些语句可能有块，使用{}定义，其中包含其他语句。例如，样式规则是带有块的语句。该块包含其他语句，例如属性声明。
在SCSS中，语句由分号分隔（如果语句使用块，则分号是可选的）。在缩进语法中，它们只是用换行符分隔。
通用语句
这些类型的语句可以在 Sass 样式表的任何地方使用：
- 变量声明，如
$var : value。 - 流控制规则，如
@if 和@each 。 @error 、@warn 、@debug 规则。
CSS 语句
这些语句产生CSS。它们可以在除
- 风格规则，例如
h1{/*...*/}。 - CSS 规则，如
@media和@font-face。 - Mixin 使用
@include 。 @at-root 规则。_。
顶级语句
这些语句只能在样式表的顶层使用，或者嵌套在顶层的CSS语句中：
- 模块加载，使用
@use 。 - 导入，使用
@import 。 - 使用
@mixin 。 - 函数定义使用
@function 。
其他声明
- 像这样的属性声明
width: 100px只能在样式规则和一些 CSS 规则中使用。 - 该
@extend 规则只能在样式规则中使用。
表达式
表达式是位于属性或变量声明右侧的任何内容。每个表达式产生一个值。任何有效的CSS属性值也是一个 SASS 表达式，但 SASS 表达式比普通的CSS值强大得多。它们作为参数传递给mixins 和函数，用于使用
面量
最简单的表达式只表示静态值：
- 数字，可能有也可能没有单位，比如
12、100px。 - 字符串，可能有也可能没有引号，比如
"Helvetica Neue"、bold。 - 颜色，可以通过其十六进制表示或名称来引用，例如
#c6538c或blue。 - 布尔值，
true或false。 null值。- 值列表，可以用空格或逗号分隔，可以用方括号括起来，也可以根本没有括号，如
1.5em 1em 0 2em、Helvetica、Arial、sans-serif或[col1-start]。 - 将值与键相关联的映射，例如(
"background": red,"foreground": pink)。
操作符
Sass 定义了许多操作的语法：
==、!=，用于检查两个值是否相同。 +、-、*、/、%，对数字具有通常的数学含义。<、<=、>、>=，检查两个数是否大于或小于另一个数。and、or、not，具有通常的布尔行为。+、-、/，可用于连接字符串。()，用于显式控制操作的优先顺序。
其他表达式
- 变量
$var 。 - 函数调用，比如
nth($list, 1)、var(--main-bg-color)，可以调用 Sass 核心库函数或用户自定义函数，也可以直接编译成 CSS。 - 特殊函数，如
calc(1px + 100%)、 url(http://myapp.com/assets/logo.png)，具有自己独特的解析规则。 - 父选择器,&。
!important ，被解析为不带引号的字符串。