css - 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;
    }
}