sass：import +在类

Question

我有代码导入2个不同的sass文件，每个文件都有一个同名的类。 E.g。

a.sass ：

%test
  background-color: aqua

b.sass ：

%test
  background-color: blue

c.sass ：

.aqua
  @import "a"
  @extend %test

.blue
  @import "b"
  @extend %test

现在编译它:: sass c.sass然后我得到：

.aqua .aqua, .aqua .blue {
  background-color: aqua; }

.blue .aqua, .blue .blue {
  background-color: blue; }

如何让它正常工作，我想：

.aqua {
  background-color: aqua; }

.blue {
  background-color: blue; }

Answer 1

您需要将导入移到类定义之外。否则，导入的规则也将附加到当前选择器。

@import "a"
.aqua
  @extend %test

@import "b"
.blue
  @extend %test