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 打印用于调试的消息。

  • 流程控制规则(如 @if@each@for@while)控制是否以及样式发出多少次。

Sass 还对纯 CSS at-规则有一些特殊行为:它们可以包含插值,并且可以嵌套在样式规则中。其中一些,例如 @media@supports,还允许 SassScript 直接在规则本身中使用,而无需插值。