!optional atzīme @extend SASS
Paplašinot selektoru, var satikt
kļūdu, kad direktīva @extend
nedarbojās korekti. Piemēram,
ja jums ir šāds kods:
a.info {
@extend .main;
}
Ja neviens selektors nesaturēs .main,
tad kompilēšanas laikā radīsies kļūda.
Šādā gadījumā mums ir jāapvieno
selektoru sekvences,
kam mēs izmantojam direktīvu @extend.
Bez tam, radīsies kļūda, ja selektors
satur .main būs šāds:
h1.main, kas izskaidrojams ar konfliktu
starp a un h1.
Tāpēc, ja nepieciešams, jūs varat
atļaut direktīvai @extend neradīt
jaunus selektorus, izmantojot neobligātības atzīmi
!optional, ierakstītu pēc selektora. Piemēram:
a.info {
@extend .main !optional;
}
