SassScript 01 变量

1 . 定义变量及使用

变量名以 $ 开头 ，后面跟值 ，跟 css 的赋值一样 。用的时候就直接拿来用 。

$size-width : 10px;

body{
  width : $size-width;
}

2 . 作用域

变量支持块级作用域 ，嵌套规则内定义的变量只能在嵌套规则内使用（局部变量），不在嵌套规则内定义的变量可以在任何地方使用（全局变量），局部变量后面加 ！global 可以转化为全局变量使用。

$width:10px;
 li{
   $height : 30px;
   height : &height;
 }
 .box{
   height : &height;  // 会报错！！！
 }