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:
a.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:
a.info {
@extend .main !optional;
}
