css - scss前置父选择器

我有一个项目，其中遗留代码具有类似的类

promo game-promo

我有机会通过更改为scss来清理CSS，但是我要解决的问题是我想嵌套promo并让game-放在父级的前面。

.promo {
  display: flex;
  game-& {
    color: black;
  }
}

我希望上面的方法能起作用，但它不起作用，并且想知道是否有人遇到过实现我所追求的目标的任何方法？

最佳答案

.game-promo {
  color: black;
  @at-root .promo {
    display: flex;
  }
}

看来这是不可能的，所以在重新添加代码之后，我现在有了这个。

关于css - scss前置父选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49450532/