Lebo !optional katika @extend kwenye SASS
Wakati wa kupanua kichaguzi (selector), unaweza kupata
hitilafu, wakati amri @extend
haikufanya kazi ipasavyo. Kwa mfano,
kama una msimbo ufuatao:
a.info {
@extend .main;
}
Kama hakuna kichaguzi kitakachokuwa na .main,
basio wakati wa kukusanya (compiling) hitilafu itatokea.
Katika hali kama hii, tunahitaji kuunganisha
mlolongo wa vichaguzi,
kwa hivyo tunatumia amri @extend.
Zaidi ya hayo, hitilafu itatokea ikiwa kichaguzi
kinachokuwa na .main kitakuwa kama:
h1.main, jambo linaloelfaulisha mgogoro
kati ya a na h1.
Kwa hivyo, inapohitajika, unaweza
kuruhusu amri @extend isitengeneze
vichaguzi vipya kwa kutumia lebo ya hiari
!optional, iliyoandikwa baada ya kichaguzi. Kwa mfano:
a.info {
@extend .main !optional;
}
