CSS တွင် တစ်မူထူးခြားသော id အသုံးပြု၍ အစိတ်အပိုင်းကို ရွေးချယ်ခြင်း

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

တစ်မူထူးခြားသော မှတ်ပုံတင်နံပါတ်ကို id attribute ကိုသုံး၍ သတ်မှတ်ပြီး၊ ကျွန်ုပ်တို့ကိုယ်တိုင် စိတ်ကူးနာမည်တစ်ခုကို ရေးသားထည့်သွင်းရပါမယ်။ ဥပမာအနေနဲ့ ဘလောက်နှစ်ခု လုပ်ကြည့်ရအောင်။ ပထမတစ်ခုကို id တန်ဖိုး block1 အနေနဲ့ သတ်မှတ်ပါမယ်။ ဒုတိယတစ်ခုကိုတော့ id တန်ဖိုး block2 အနေနဲ့ သတ်မှတ်ပါမယ်။

html<div id="block1">
  <p>စာသား</p>
  <p>စာသား</p>
</div>
<div id="block2">
  <p>စာသား</p>
  <p>စာသား</p>
</div>

သတ်မှတ်ထားသော id ရှိသည့် အစိတ်အပိုင်းကို ရည်ညွှန်းလိုပါက၊ # သင်္ကေတနှင့် ကျွန်ုပ်တို့ စိတ်ကူးထားသော နာမည်ကို ဤသို့ရေးသားရပါမယ်။

css#block1 {
  color: red;
}
#block2 {
  color: green;
}

html<div id="elem1">
  <h2>ခေါင်းစဉ်</h2>
  <p>
    စာသား
  </p>
  <p>
    စာသား
  </p>
</div>
<div id="elem2">
  <h2>ခေါင်းစဉ်</h2>
  <p>
    စာသား
  </p>
  <p>
    စာသား
  </p>
</div>
<div id="elem3">
  <h2>ခေါင်းစဉ်</h2>
  <p>
    စာသား
  </p>
  <p>
    စာသား
  </p>
</div>