At-规则
Sass 的许多额外功能都以新的 at-规则的形式出现,它是在 CSS 之上添加的。
-
@use
加载来自其他 Sass 样式表的 mixin、函数和变量,并将来自多个样式表的 CSS 组合在一起。 -
@forward
加载 Sass 样式表,并在使用@use
规则加载样式表时使它的 mixin、函数和变量可用。 -
@import
扩展了 CSS at-规则以从其他样式表加载样式、mixin、函数和变量。 -
@mixin
和@include
使得轻松地重用样式块成为可能。 -
@function
定义可在 SassScript 表达式中使用的自定义函数。 -
@extend
允许选择器继承彼此的样式。 -
@at-root
将其内部的样式放置在 CSS 文档的根部。 -
@error
会导致编译失败并显示错误消息。 -
@warn
打印警告,但不完全停止编译。 -
@debug
打印用于调试的消息。
Sass 还对纯 CSS at-规则有一些特殊行为:它们可以包含插值,并且可以嵌套在样式规则中。其中一些,例如 @media
和 @supports
,还允许 SassScript 直接在规则本身中使用,而无需插值。