Sass 3.3新功能@ at-root似乎没有编译

Question

根据Sass 3.3发行说明，以下代码应该有效。

@mixin element($name)
{
    @at-root #{&}__#{$name}
    {
        @content;
    }
}

我想将它用于BEM语法css生成..

但它会引发错误：

Syntax error: Invalid CSS after "@at-root #{": expected expression (e.g. 1px, bold), was "&}__#{$name}" on line 3 of dist/mixins/_element.scss

sass --version给出 Sass 3.3.1（Maptastic Maple）

Answer 1

我相信您使用的是语法略有过时的版本。试试这个：

@mixin element($name)
{
    @at-root &__#{$name}
    {
        @content;
    }
}