laravel - 将父选择器附加到末尾会使用 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 编译的。如果你想得到正确的结果，你需要切换到使用 Sass 的 Ruby 编译器。