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:
a.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:
a.info {
@extend .main !optional;
}
