Žymė !optional @extend SASS

Išplečiant selektorių galima gauti klaidą, kai direktyva @extend neveikė tinkamai. Pavyzdžiui, jei turite tokį kodą:

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

Jei nė vienas selektorius neturės .main, tai kompiliuojant įvyks klaida. Tokiu atveju mums reikia sujungti selektorių sekas, kam mes naudojame direktyvą @extend.

Be to, bus klaida, jei selektorius turiantis .main bus toks: h1.main, kas paaiškinama konfliktu tarp a ir h1.

Todėl, jei reikia, galite leisti direktyvai @extend nekurti naujų selektorių naudojant neprivalomumo žymę !optional, užrašytą po selektoriumi. Pavyzdžiui:

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