SASS ရှိ @extend တွင် !optional တံဆိပ်

Selector တစ်ခုကို ချဲ့ထွင်သည့်အခါ @extend directive သည် မှန်ကန်စွာ အလုပ်မလုပ်သည့် အမှားတစ်ခုကို ဖမ်းမိနိုင်သည်။ ဥပမာအားဖြင့်၊ သင့်မှာ အောက်ပါကုဒ်ရှိပါက၊

a.info {
	@extend .main;
}

မည်သည့် selector မျှ .main ပါဝင်မည် မဟုတ်ပါ၊ ထို့နောက် compile လုပ်သည့်အခါ အမှားတစ်ခု ဖြစ်ပေါ်လိမ့်မည်။ ထိုသို့သောအခြေအနေတွင် selector အစဉ်အတန်းများကို ပေါင်းစပ်ရန် လိုအပ်သည်၊ ကျွန်ုပ်တို့သည် directive @extend ကို အသုံးပြုပါမည်။

ထို့အပြင်၊ selector တွင် .main ပါဝင်သည့် အခြေအနေဖြစ်ပါက အမှားဖြစ်မည် ဥပမာ - h1.main၊ ၎င်းသည် a နှင့် h1 အကြား ပဋိပက္ခကြောင့် ဖြစ်သည်။

ထို့ကြောင့်၊ လိုအပ်ပါက၊ သင့်အနေဖြင့် @extend directive အား selector ၏ နောက်တွင် ရေးသားထားသော optional မဟုတ်သော တံဆိပ် !optional ကို အသုံးပြု၍ selector အသစ်များ မဖန်တီးရန် ခွင့်ပြုနိုင်သည်။ ဥပမာ -

a.info {
	@extend .main !optional;
}