Libsass&；对于CSS选择器的链接，Dart SAS给出了不同的结果

假设我想从SASS生成下面的CSS selecor

.btn.btn{}

但是我最终得到了不同的结果，分别来自dart sass和lib sass

作为前端开发人员，我曾经使用sass loader=>node sass=>lib sass

我怎样才能避开这件事

---

---

预期结果：

.test.test{
      color: red;
 }

 .test.test{
      color: red;
 }

 .test{
      color: red;
 }

dart sass实际结果：

.test.test{
      color: red;
 }

 .test.test{
      color: red;
 }

 .test{
      color: red;
 }

lib sass实际结果：

.test.test{
      color: red;
 }

 .test.test{
      color: red;
 }

 .test{
      color: red;
 }

这似乎是lib-sass和ruby-sass中的一个bug 忽略以下内容，因为OP要求

@extend

，这显然会导致错误

就用飞镖来代替吧

---

这对我来说很有效。首先，你为什么在那里有

&&

行

---

在那里你可以看到它的作用：

hm.&{&}对我来说工作得很好。这对于测试SASS等非常有用。顺便说一句：似乎他们在2019年修复了它，我的代码示例是新的单元测试：）刚刚更新了帖子，我错过了一个重要的细节，@extend指令将破坏结果，这就是为什么我的本地代码不能按预期工作。怎么避开这个？嗯。。同意。这绝对是个问题。我将深入研究并尝试一些东西。

@extend

似乎出于某种奇怪的原因破坏了它。我发现dart sass编译器即使使用@extend指令也能很好地工作，但是Libsass编译器failed@DengZhebin我现在在libsass github上报告了这个问题：