Html SCSS-为什么规则是`&-甲级及甲级-B类`不允许？

我进入了SCS试图组织我的css代码，我遇到了一个问题，这让我很感兴趣，为什么它会抛出一个错误

下面是一些示例代码：

<div class='bot'>
    <div class='bot-active bot-awake'>
        //...
    </div>
</div>

你可以用

所以

将导致

.bot-active {
  ...
}
.bot-awake {
  ...
}
.bot-active.bot-awake {
  ...
}

---

演示在

不使用sass，但在&中为.bot时，是否可以在&-active&-awake之间没有点的情况下工作？我现在无法测试它。@panther unfanalty on，刚刚测试了它。“这不起作用。”它会给出编译错误吗？

在\“-active\”之后无效CSS：预期\“{\”，was \“&-active\”\n\n \“&-awake\”只能在复合选择器的开头使用

，感谢您没有注意到插值。但是奇怪的是，为什么上面我的不起作用。@Kivylius它只是不受支持。

.bot {
    &-active {....}
    &-awake {....}

    // this will work.
    &-active#{&}-awake {
        ...
    }
}

.bot-active {
  ...
}
.bot-awake {
  ...
}
.bot-active.bot-awake {
  ...
}