CSS သည် !အရေးကြီးသောစည်းမျဉ်း
အရေးကြီးတာက ဘာလဲ?
CSS ရှိ !important
စည်းမျဉ်းကို ပုံမှန်ထက်ပို၍ ပိုင်ဆိုင်မှု/တန်ဖိုးကို ပိုမိုအရေးပါလာစေရန် အသုံးပြုပါသည်။
အမှန်မှာ၊ သင်သည် !important
စည်းမျဉ်းကို အသုံးပြုပါက၊ ၎င်းသည် ၎င်းဒြပ်စင်ပေါ်ရှိ အဆိုပါ သီးခြားပိုင်ဆိုင်မှုအတွက် ယခင်ပုံစံစည်းမျဉ်းများအားလုံးကို လွှမ်းမိုးသွားမည်ဖြစ်သည်။
ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။
ဥပမာ
#myid {
background-color: blue;
}
.myclass {
background-color: gray;
}
p {
background-color: red !important;
}
နမူနာရှင်းပြထားပါတယ်။
အပေါ်က ဥပမာမှာ။ ID ရွေးချယ်မှု နှင့် အတန်းရွေးချယ်မှုစနစ်သည် ပိုမိုတိကျမှု ရှိသော်လည်း စာပိုဒ်သုံးပိုဒ်စလုံးသည် အနီရောင်နောက်ခံအရောင်ကို ရရှိမည်ဖြစ်သည်။ !important
စည်းကမ်း သည်
background-color
ကိစ္စရပ်နှစ်ခုစလုံးတွင် ပိုင်ဆိုင်မှုကို လွှမ်းမိုးထားသည်။
အရေးကြီးတဲ့အကြောင်း !အရေးကြီးတယ်။
စည်းမျဉ်း တစ်ခုကို အစားထိုးရန် တစ်ခုတည်းသောနည်းလမ်းမှာ
အရင်းအမြစ်ကုဒ်တွင် တူညီသော (သို့မဟုတ် ပိုမိုမြင့်မားသော) သီးခြားသတ်မှတ်မှုဖြင့် ကြေငြာချက် !important
တစ်ခုတွင် အခြားစည်းမျဉ်းတစ်ခုကို ထည့်သွင်းရန်ဖြစ်သည် - ဤနေရာတွင် ပြဿနာစပါသည်။ !important
၎င်းသည် CSS ကုဒ်ကို ရှုပ်ထွေးစေပြီး အထူးသဖြင့် သင့်တွင် စတိုင်စာရွက်ကြီးတစ်ခုရှိလျှင် အမှားရှာပြင်ဆင်ခြင်းသည် ခက်ခဲလိမ့်မည်။
ဤတွင် ကျွန်ုပ်တို့သည် ရိုးရှင်းသော ဥပမာတစ်ခုကို ဖန်တီးထားသည်။ CSS အရင်းအမြစ်ကုဒ်ကို ကြည့်သောအခါ မည်သည့်အရောင်သည် အရေးကြီးဆုံးဟု ယူဆသည်-
ဥပမာ
#myid {
background-color: blue !important;
}
.myclass {
background-color: gray !important;
}
p {
background-color: red !important;
}
အကြံပြုချက်- စည်းမျဉ်း အကြောင်း သိရန်ကောင်းသည် !important
၊ CSS အရင်းအမြစ်ကုဒ်အချို့တွင် ၎င်းကို သင်တွေ့နိုင်သည်။ သို့သော်လည်း လုံးဝ မသုံးသင့်ပါ။
!အရေးကြီးသော မှန်ကန်သောအသုံးပြုမှု တစ်ခု သို့မဟုတ် နှစ်ခု ဖြစ်နိုင်သည်။
အသုံးပြုနည်းတစ်နည်းမှာ !important
သင်သည် အခြားနည်းဖြင့် ထပ်မွမ်းမံ၍မရသော စတိုင်တစ်ခုကို အစားထိုးရလျှင်ဖြစ်သည်။ သင်သည် Content Management System (CMS) တွင် အလုပ်လုပ်နေပြီး CSS ကုဒ်ကို မတည်းဖြတ်နိုင်ပါက၊ ၎င်းသည် ဖြစ်နိုင်သည်။ ထို့နောက် CMS စတိုင်အချို့ကို အစားထိုးရန် စိတ်ကြိုက်စတိုင်အချို့ကို သင်သတ်မှတ်နိုင်သည်။
အသုံးပြုရန်နောက်ထပ်နည်းလမ်း !important
မှာ- စာမျက်နှာတစ်ခုပေါ်ရှိ ခလုတ်များအားလုံးအတွက် အထူးကြည့်ရှုလိုသည်ဟု ယူဆပါ။ ဤတွင်၊ ခလုတ်များကို မီးခိုးရောင် နောက်ခံအရောင်၊ အဖြူရောင် စာသား၊ အချို့သော အကွက်များနှင့် ဘောင်များဖြင့် ပုံစံပြုထားပါသည်။
ဥပမာ
.button {
background-color: #8c8c8c;
color: white;
padding: 5px;
border: 1px solid black;
}
ပိုမိုတိကျမှုရှိသော အခြားဒြပ်စင်တစ်ခုအတွင်း၌ ထည့်ထားလျှင် ခလုတ်တစ်ခု၏အသွင်အပြင်သည် တစ်ခါတစ်ရံတွင် ပြောင်းလဲနိုင်ပြီး ဂုဏ်သတ္တိများ ကွဲလွဲနိုင်သည်။ ဒါက ဥပမာတစ်ခုပါ။
ဥပမာ
.button {
background-color: #8c8c8c;
color: white;
padding: 5px;
border: 1px solid black;
}
#myDiv a {
color: red;
background-color: yellow;
}
ခလုတ်အားလုံးကို "အတင်း" တူညီစေရန်၊ မည်သို့ပင်ဖြစ်စေ၊ !important
ဤကဲ့သို့သော ခလုတ်များ၏ ဂုဏ်သတ္တိများတွင် စည်းမျဉ်းကို ထည့်နိုင်သည်-
ဥပမာ
.button {
background-color: #8c8c8c !important;
color: white
!important;
padding: 5px !important;
border: 1px solid black !important;
}
#myDiv a {
color: red;
background-color: yellow;
}