css选择器中的重复，SCSS

Question

假设我有这样的风格定义：

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

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

Answer 1

将.a.b.c规则嵌套在.a.b中，并将第一部分替换为& combinator：

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