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

Question

我有以下SCSS:

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

我期待以下CSS：

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

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

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

Answer 1

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