!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:

style.scssa.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:

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