Sass 的许多额外功能都以它在CSS 之上添加的新规则的形式出现:
@use
加载其他Sass 样式表中的mixin,函数和变量,并将多个样式表中的CSS 组合在一起。@forward
加载Sass 样式表并在使用@use
规则加载样式表时使其mixins,函数和变量可用 。@import
扩展了CSS 规则,以加载其他样式表中的样式,mixin,函数和变量。@mixin
和@include
易于重用大量样式。@function
定义可以在SassScript 表达式中使用的自定义函数。@extend
允许选择器相互继承样式。@at-root
在CSS 文档的根目录中放置样式。@error
导致编译失败并显示错误消息。@warn
打印警告而不完全停止编译。@debug
打印一条消息以进行调试。- 流程控制规则
@if
,@each
,@for
,和@while
控制样式的执行次数。
Sass 对于普通CSS 规则也有一些特殊的行为:它们可以包含内插法,并且可以嵌套在样式规则中。其中的一些,例如@media
和@supports
,还允许SassScript 直接在规则本身中使用,而无需插值。
分享笔记