စတုဂံ @layer အခြေအထိုး

အသုံးပြုနည်းနှင့် အကျိုးသုံး

CSS @layer ရှည်တန်းရိုက်ချက် အသုံးပြုထားသည် ဘရပ်လုံး အချိန်ဆုံး ရှည်တန်းရိုက်ချက် ပြတ်သတ်ထား အဆင့် ပြုလုပ်ခြင်းအတွက် အသုံးပြုနိုင်ပါ။

ဤသည် ပထမဆုံး ဧရိင် အသုံးပြုထားပြီး အထူးသတ်မှတ်ထားသော ရှည်တန်းရိုက်ချက် အစုအဝေး ကို အပ်နှံထားပြီး သုံးနိုင်ပါသည်။

@layer အမည်ဖြင့် အသုံးပြုနိုင်သည်များ နှင့် အမည်မပါဘဲသော အသုံးပြုနိုင်သည်များ အပါအဝင်

အမည်မပါဘဲသော @layer အမည်ဖြင့် ခေါ်အမည်မပါဘဲသော。အမည်မပါဘဲသော ဧရိင် အသုံးပြုထားသည် (အောက်ပါ အစားအသေးပြချက်ကို ကြည့်ပါ)။ အခြား ရှည်တန်းရိုက်ချက် အဆင့် မှ အောက်ပါ မှ အဆင့် ထိ အသုံးပြုထားသည်。

ကိုယ်တိုင် အမည်ရှိသော @layer အမည်ဖြင့် ခေါ်အမည်တပ်ခြင်း。အမည်တပ်ခြင်း အသုံးပြုထားလျှင် အချိန်ဆုံး ရှည်တန်းရိုက်ချက် ပြတ်သတ်ထား ကို အသုံးပြုနိုင်ပါ (အောက်ပါ အစားအသေးပြချက်ကို ကြည့်ပါ)။ အဆင့် မှ အဆင့် ထိ တစ်လျှောက် ပြတ်သတ်ထားသည်。

အကျိုးသုံး

အမှတ် 1

အမည်မပါဘဲသော ဧရိင် အသုံးပြုထား (အခြား ရှည်တန်းရိုက်ချက် အဆင့် မှ အောက်ပါ မှ အဆင့် ထိ အသုံးပြုထား) :

/* ဧရိင် 1 */
@layer {
  body {
    background: pink;
  }
}
/* ဧရိင် 2 */
@layer {
  body {
    background: lightblue; /* နောက်ဆုံး ဧရိင် အကျိုးရှိ */
  }
}

ကျွန်တော်ကို ကြိုးစားလုပ်ပါ

အမှတ် 2

အမည်တပ်ခြင်း အသုံးပြုထား (နှင့် အချိန်ဆုံး ရှည်တန်းရိုက်ချက် ပြတ်သတ်ထား ကို အသုံးပြုထား) :

/* အချိန်ဆုံး ရှည်တန်းရိုက်ချက် ပြတ်သတ်ထား */
@layer bgblue, bgpink;
/* ဧရိင် 1 */
@layer bgpink {
  body {
    background: pink; /* အကျိုးရှိ */
  }
}
/* ဧရိင် 2 */
@layer bgblue {
  body {
    background: lightblue;
  }
}

ကျွန်တော်ကို ကြိုးစားလုပ်ပါ

CSS လက္ခဏာ

@layer name {
  css declarations;
}

အကိုးအကွဲ

ဘရပ်လုံး အထူးသတ်မှတ်ခြင်း

ထို @ ခွဲခြားခြင်းအတွက် ပထမဆုံး အထူးသတ်မှတ်ထားသော ဘရပ်လုံး ပေါ်တွင် သုံးနိုင်သော ဘရပ်လုံး အောက်ပါ အမှတ်များ ပြတ်သတ်ထားသည်。