scss好用的方法技巧-JZTXT

SCSS 是 CSS 的超集，即所有 CSS 功能都将在 SCSS 中可用，并且包含 SASS（Syntactically Awesome Style Sheets）的一些功能。 SCSS 使任何 CSS 术语都有效。

&符号

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

编译成css后

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