Sass - 变量($)

基本语法 定义一个 Sass 变量非常简单，变量以美元符号($)开始，赋值像设置 CSS 属性一样：

$new-color: rgb(255,0,0); 1 然后，便可以使用该变量：

div{ background: $new-color; } 1 2 3 编译为CSS：

div{ background: rgb(255,0,0) } 1 2 3 局部变量 几乎所有语言均存在局部变量与全局变量，当然 Sass 也不例外，同样存在局部变量，请看如下代码：

#main{ /* 该变量在类中 */ $new_width: 50px; width: $new_width; }

div{ /* 尝试访问 => $new_width */ width: $new_width; }