将父选择器附加到末尾会生成不正确的结果 Elixir/Libsass

Question

我有以下 SCSS:

.btn {
    color: #000;
    @at-root {
        a#{&} {
            display: inline-block;
        }
    }
}

我期待以下 CSS:

.btn { color: #000; }
a.btn { display: inline-block; }

但是当我使用 gulp-sass 编译它时，我得到的是：

.btn { color: #000; }
.btn a.btn { display: inline-block; }

Answer 1

这似乎是 Libsass 的错误，这是 gulp-sass 编译的。如果您想获得正确的结果，您需要切换到使用 Ruby 编译器 Sass。

Appending the parent selector to the end generates the incorrect result with Elixir/Libsass