scss里的符号&的用法

& 用在嵌套的scss代码里，来引用父元素

.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}

编译成css之后，原本在scss的嵌套结构被展平了：

.dashboard-container {
  margin: 30px; }
.dashboard-text {
  font-size: 30px;
  line-height: 46px; }