将父选择器附加到末尾会使用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。