Sass 的许多额外功能都以添加到 CSS 之上的新 at-rules 的形式出现:
@use
从其他 Sass 样式表加载混合、函数和变量,并将来自多个样式表的 CSS 组合在一起。@forward
加载 Sass 样式表,并在您的样式表使用 @use 规则加载时使其混合、函数和变量可用。@import
扩展 CSS @ 规则以从其他样式表加载样式、混合、函数和变量。@mixin
and@include
使重用大量样式变得容易。@function
定义可在 SassScript 表达式 中使用的自定义函数。@extend
允许选择器相互继承样式。@at-root
将样式放在 CSS 文档的根目录中。@error
导致编译失败并显示错误消息。@warn
在不完全停止编译的情况下打印警告。@debug
打印一条消息用于调试目的。- 流量控制规则,如
@if
,@each
,@ for
, and@while
控制方式是不发出或发出多少次。
Sass 也有一些针对 plain CSS at-rules 的特殊行为:它们可以包含 interpolation,并且可以嵌套在样式规则中 . 其中一些,例如 @media
和 @supports
,也允许 SassScript 直接在规则本身中使用,无需插值。