SCSS &-XXX 用法

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

 

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

转换为css则为

 

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