css - 使用 SASS 和 OOCSS 引用

Question

通常我在我的元素中使用 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 中有办法吗？

Answer 1

从 Sass 3.3 开始，您可以使用以下语法执行此操作:

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