SassScript 04 杂货语法

1 . 模版字符串

( 类似于 JS 里面的 &{} ) , 可以通过 #{} 插值语句在选择器 、属性名 和 属性值中直接使用变量。

2 . 父选择器 &

一般用在恰套语句里面 ，表示的是该部分的父元素 。

<button className = "top">
    <div className = "bottom">
    </div>
</button>

.top{
  backgrondcolor : red ;
  & : hover{                  // 指的是 .top
     backgrondcolor : yellow ;
  }
}

3 . ！default

可以在变量的结尾添加 ！default 给一个未通过 ！default声明赋的变量赋值 ，此时 ，如果该变量之前已经被赋值 ，那么此次就不被被重新赋值 ，否则会 。如果第一回赋值为 null ，相当于未被赋值 。

4 . ！global

局部变量后加上 ！global ，会被转化为全局变量

5 . ！optional

与 @extend 相配合 ，当 @extend 的相关代码出现语法错误时 ，编译期会给我们乱编译 ，但加上 ！optional后就会阻止编译有错误的代码。