Sass 3.3新特性@at-root似乎没有编译

Question

根据SASS3.3发布说明，下面的代码应该可以工作。

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

我想用它来生成边界元语法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 -版本给Sass 3.3.1 (地图枫树)

Answer 1

我相信您正在使用的语法有点过时的版本。试试这个：

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