SASS တွင် ပုံသေကိန်းရှင်များ

အချို့သောအခြေအနေများတွင်၊ ကိန်းရှင်၏တန်ဖိုးကို အဆုံးအဖြတ်မပေးရသေးသော်လည်း၊ ကုဒ်ထဲတွင်အသုံးပြုရန်လိုအပ်ပါက၊ ကျွန်ုပ်တို့သည် ၎င်းအတွက် ပုံသေတန်ဖိုးတစ်ခုသတ်မှတ်နိုင်ပြီး၊ ထို့နောက် !default ဟူသော အမှတ်အသားကို ထည့်သွင်းပါမည်။

မှတ်သားရန်လိုသည်မှာ အကယ်၍ ကိန်းရှင်အား ယခင်ကတည်းက တန်ဖိုးတစ်ခုသတ်မှတ်ပြီးဖြစ်ပါက၊ ၎င်းသည် ယခင်အတိုင်းပင် ရှိနေမည်ဖြစ်သော်လည်း အသစ်ဖန်တီးထားသော ဗလာကိန်းရှင်တစ်ခုအတွက်မူ ပုံသေတန်ဖိုးကို သတ်မှတ်ပေးမည်ဖြစ်သည်။

styles.scss$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;

#main {
  name: $name;
  new_name: $new_name;
}

ဖော်ပြထားသော ကုဒ်ကို စုစည်းပြီးနောက် ရလဒ်သည် အောက်ပါအတိုင်း ဖြစ်လာပါမည်:

styles.css#main {
  name: "John";
  new_name: "Mark";
}

သို့သော် အကယ်၍ ကိန်းရှင်အား တန်ဖိုး null သတ်မှတ်ပေးပါက၊ !default သည် ၎င်းအား တန်ဖိုးမရှိဟု သတ်မှတ်မည်ဖြစ်သည်:

styles.scss$name: null;
$name: "Bob" !default;

#main {
  name: $name;
}

စုစည်းပြီးနောက် ကျွန်ုပ်တို့ မြင်ရမည်မှာ:

styles.css#main {
  name: "Bob"; 
}