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