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:

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

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