Classbuilding mit scss (Doppel kaufmännisches Und)

Question

Ich möchte den folgenden Selektor B__E.B__E--M so erhalten, dass B__E--M nur gilt, wenn das Element auch die B__E Klasse hat;

Ich habe folgendes:

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

Das Problem ist, dass die --M Modifikator eine andere Farbe anwenden sollte, aber nicht überschreibt die Standardfarbe aus dem __E Element.

ist dies nicht erlaubt:

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

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

Wenn nichts möglich ist, wäre dies meine Vermutung:

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

Answer 1

Sie sind für die Doppel-Ampersand Wähler suchen.

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

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