如何在scss中使用amerpsand运算符呈现重复的类?

如何在scss中使用amerpsand运算符呈现重复的类?,css,sass,Css,Sass,我正在尝试使用scss生成一个双类,以避免使用可怕的!重要信息 我试过以下例子: .my-class { color: black; &.&:hover { color: red; } } 但我得到的只是: Error: Invalid CSS after "... of parent rule": expected "}", was "&.&:hover {" 参考,也可以对符号和进行插值: .my-class { color: b

我正在尝试使用scss生成一个双类,以避免使用可怕的
!重要信息

我试过以下例子:

.my-class {
  color: black;

  &.&:hover {
    color: red;
  }
}
但我得到的只是:

Error: Invalid CSS after "... of parent rule": expected "}", was "&.&:hover {"
参考,也可以对符号和进行插值:

.my-class {
  color: black;

  &#{&}:hover {
    color: red;
  }
}
输出

.my-class {
  color: black;
}
.my-class.my-class:hover {
  color: red;
}