Die !optional merker in @extend in SASS

Wanneer jy 'n keurder uitbrei, kan jy 'n fout optrap waar die @extend direktief nie korrek werk nie. Byvoorbeeld, as jy die volgende kode het:

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

As geen keurder .main bevat nie, sal daar 'n fout tydens kompilering wees. In so 'n geval moet ons keurdervolgordes kombineer, waarvoor ons die @extend direktief gebruik.

Daarbenewens, sal daar 'n fout wees as die keurder wat .main bevat soos volg is: h1.main, wat verduidelik word deur die konflik tussen a en h1.

Dus, indien nodig, kan jy die @extend direktief toelaat om nie nuwe keurders te skep nie deur die opsionele merker !optional te gebruik, geskryf na die keurder. Byvoorbeeld:

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