Sass css属性中的父级、&、插入

Sass css属性中的父级、&、插入,sass,Sass,我有以下代码: &__menu { float: left; list-style: none none; padding: $navbar-menu_padding; [class^=#{&}__item] { .... } 我正在尝试对&-[class^={&}\uu项]进行插值 无论有无插值,这都将失败 除了写入类的全名之外,还有另一个选项?您可以将父类名称存储到变量中 Scss: Css输出: .block__item {

我有以下代码:

  &__menu {
    float: left;
    list-style: none none;
    padding: $navbar-menu_padding;
    [class^=#{&}__item] { 
    ....
}
我正在尝试对&-[class^={&}\uu项]进行插值

无论有无插值,这都将失败


除了写入类的全名之外,还有另一个选项?

您可以将父类名称存储到变量中

Scss:

Css输出:

.block__item {
  color: red;
}

.block:hover .block__item {
  color: green;
}
.block__item {
  color: red;
}

.block:hover .block__item {
  color: green;
}