对于CSS选择器的链接，Libsass和Dart-sass给出了不同的结果。

Question

假设我想从SASS生成下面的CSS选择器

.btn.btn {}

但我得到的结果与dart-sass和lib-sass的结果不同。

作为前端开发工具，我以前使用sass加载器=>节点-sass => lib-sass。

我怎么才能避开这一切？

 %color {
    color: red;
}

@mixin getOverridedSelector{
    &#{&} {
        @content;
    }
}

.test{
       @include getOverridedSelector{
       @extend %color;
     }
}

预期结果：

.test.test{
      color: red;
 }

dart-sass实际结果：

 .test.test{
      color: red;
 }

库-sass实际结果：

 .test{
      color: red;
 }

Answer 1

这似乎是lib-sass和ruby-sass中的一个bug。

忽略下面的内容，因为OP请求的@extend显然会导致错误。

用飞镖来代替吧。

@mixin getOverridedSelector {
  &#{&} {
    @content;
  }
}

.foo {
  @include getOverridedSelector {
    color: red;
  }
}

这对我来说很管用。你为什么要把&&线放在第一位？

在这里，您可以看到它的作用：https://codepen.io/GottZ/pen/EqoBmb