Märge !optional @extend-is SASS-is
Selektori laiendamisel võib põrkuda
veaga, kui direktiiv @extend
ei töötanud korrektselt. Näiteks,
kui sul on järgmine kood:
a.info {
@extend .main;
}
Kui ükski selektor ei sisalda .main,
siis kompileerimisel toimub viga.
Sellisel juhul peame ühendama
selektorite jadasid,
milleks kasutame direktiivi @extend.
Peale selle, tekib viga, kui selektor
mis sisaldab endas .main on selline:
h1.main, mis on seletatav konfliktiga
a ja h1 vahel.
Seetõttu, vajadusel, saad sa
lubada direktiivil @extend mitte luua
uusi selektoreid, kasutades valikuliseuse märget
!optional, mis kirjutatakse selektori järele. Näiteks:
a.info {
@extend .main !optional;
}
