Lzh on GitHub

@规则

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,而无需插值