Sass 不同于 CSS 的一个特点是它允许使用变量。 可以在 Sass 中声明变量,并为它赋值,就像在 JavaScript 中一样。
在 JavaScript 中,变量是使用 let
和 const
关键字定义的。 在 Sass 中,变量以 $
开头的,后跟变量名。
在 Sass 中,mixin 是一组 CSS 声明,可以在整个样式表中重复使用。
``` @mixin box-shadow($x, $y, $blur, $c){ -webkit-box-shadow: $x $y $blur $c; -moz-box-shadow: $x $y $blur $c; -ms-box-shadow: $x $y $blur $c; box-shadow: $x $y $blur $c; } ``` mixin 可以通过 @include 指令调用。 ``` div { @include box-shadow(0px, 0px, 4px, #fff); } ```