使用scss（双＆符号）进行分类

Question

我想获得以下选择器B__E.B__E--M，以便B__E--M仅在元素也具有B__E类时才适用;

我有以下内容：

.B {
    &__E {
        // default color
        &--M {
            // Color i want
        }
    }
}

问题是，--M修饰符应该应用其他颜色，但不会覆盖__E元素的默认颜色。

这是不允许的：

.B {
    &__E {
        // default color
    }
}

.B__E.B__E--M {
    // color i want
}

如果没有可能，这就是我的猜测：

.B {
    &__E {
        // default color
        &.B__E--M {
            // Color i want
        }
    }
}

Answer 1

您正在寻找双号＆符号选择器。

.B {
    &__E {
        color:black;
        &#{&}--M{
          color:white;
        }
    }
}

/* // Outputs:
  .B__E {
    color: black;
  }
  .B__E.B__E--M {
    color: white;
  }
*/