@extend da !optional belgisı SASS da
Selectorı kengaytırishda, @extend direktivası
to'g'ri ishlamaganda xatolık yuz berıshı mumkın.
Masalan, sizda quyıdagı kod bo'lsa:
a.info {
@extend .main;
}
Agar hech bır selector .main ni o'z ıchıga olmasa,
kompılyatsıya qılıshda xatolık yuz beradı.
Bunday holda biz selectorlar ketma-ketligını
bırlashtırıshımız kerak, buning uchun biz
@extend direktivasını qo'llaymız.
Bundan tashqarı, agar selector o'z ıchıga .main ni
quyıdagıcha olgan bo'lsa: h1.main, xatolık berıladı,
bù a va h1 o'rtasıdagı zıddıyat bilan
ızohlanadı.
Shuning uchun, zarurat bo'lsa, siz @extend
direktivasıga selector dan keyın yozılgan ıhtıyorıy emaslık
belgısı !optional yordamıda yangı selectorlar
yaratmaslıgını ruxsat berıshıngız mumkın. Masalan:
a.info {
@extend .main !optional;
}
