综述

Sass的大部分额外功能都是在CSS之上添加新@规则:

  • @import扩展了CSS @规则,从其他样式表加载样式、混合、函数和变量。
  • @mixin,@include使复用样式块变得很容易。
  • @function定义了可以在SassScript表达式中使用的自定义函数。
  • @extend允许继承其他选择器样式。
  • @at-root将样式放在CSS文档的根目录中。
  • @error触发编译失败,并带有错误消息。
  • @warn在不完全停止编译的情况下打印警告。
  • @debug打印一条消息用于调试。
  • 流控制规则(如@if,@each,@for和@while),条件及循环输出。

Sass对于原生的CSS @规则也有一些特殊的行为:它们可以包含插值,并且可以嵌套在样式规则中。其中一些,如@media@supports,也允许SassScript直接在规则中使用,不需要使用插值。

上次更新: 2019-10-11 1:26:28 PM