css选择器中的重复,SCSS

Question

假设我有这样的样式定义:

.a.b   { ... }
.a.b.c { ... }

有没有办法避免.a.b使用SASS/SCSS进行部分重复？

Answer 1

将.a.b.c规则嵌套在内.a.b并用&组合器替换第一部分:

.a.b {
    ...
    &.c { ... }
}