Žymė !optional @extend SASS
Išplečiant selektorių galima gauti
klaidą, kai direktyva @extend
neveikė tinkamai. Pavyzdžiui,
jei turite tokį kodą:
a.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:
a.info {
@extend .main !optional;
}