使用SASS & OOCSS的参考

Question

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

在更少的时间里我做这样的事情

.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 {
      // ...
    }
}