OOCSS 使用 SASS 和参考答案

【问题标题】：Using SASS & reference for OOCSSOOCSS 使用 SASS 和参考
【发布时间】：2013-09-11 01:14:29
【问题描述】：

我通常在我的项目中使用 LESS，但现在我尝试使用 SASS。

在 LESS 中我会做这样的事情

.module {
  background-color: blue;

  &-title {
    color: black;
  }

  &-type-2 {
    background-color: red;
  }
}

输出的 CSS 将是

.module { 
  background-color: blue;
}

.module-title {
  color: black;
}

.module-type-2 {
  background-color: red;
}

在 SASS 中不起作用，在 SASS 中有什么方法可以做到吗？

【问题讨论】：

【解决方案1】：

从 Sass 3.3 开始，您可以使用以下语法来做到这一点：

.block{
    &__element {
      // ...
    }
    &--modifier {
      // ...
    }
}

【讨论】：