Merkelappen !optional i @extend i SASS

Ved utvidelse av en velger kan du få en feil, når direktivet @extend ikke fungerte korrekt. For eksempel, hvis du har følgende kode:

style.scssa.info {
  @extend .main;
}

Hvis ingen velger inneholder .main, vil det oppstå en feil under kompilering. I så fall må vi kombinere velgersekvenser, for hvilket vi bruker direktivet @extend.

I tillegg vil det oppstå en feil hvis velgeren som inneholder .main er slik: h1.main, noe som forklares med en konflikt mellom a og h1.

Derfor kan du, om nødvendig, tillate direktivet @extend å ikke opprette nye velgere ved hjelp av valgfrihetsmerkelappen !optional, skrevet etter velgeren. For eksempel:

style.scssa.info {
  @extend .main !optional;
}