Compiler errors 嵌套引用父选择器时发生SCSS错误（&；）

为什么我不能在SCSS中使用LESS中的代码：

.button, .input, .textarea {
  // some staff

  &_red {
    background: red;
    color: #fff;
  }
}

?

我需要在输出中使用此CSS：

.button_red,
.input_red,
.textarea_red {
  background: red;
  color: #fff;
}

编译预录显示错误：

语法错误：“&”后的CSS无效：应为“{”，为“_red{” “红色”只能用于复合选择器的开头。打开 main.scss的第4行

---

您的语法是正确的，但是仅适用于Sass 3.3及更高版本。在上尝试此功能后，它就可以与Sass 3.3.4一起使用了

在3.2版本中不支持此功能，请参阅以了解有关此功能的讨论。

是否需要此功能

例如：

            @at-root 
            {
                [barSize='large']#{&}
                {
                    font-size: 20px;
                }
            }

---

您使用的是什么版本的Sass？