compiler-errors - 嵌套引用父选择器(＆)时出现SCSS错误

Question

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

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

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

？

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

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

Prepros在编译时显示该错误:

Syntax error: Invalid CSS after " &": expected "{", was "_red {" "_red" may only be used at the beginning of a compound selector. on line 4 of main.scss

Answer 1

您的语法正确，但是仅适用于Sass 3.3及更高版本。刚刚在SassMeister上尝试过，它与Sass 3.3.4一起使用。

在3.2版本中不支持此功能，请参见this Github issue进行讨论。