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:

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

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