Selectors

Selectors တွေက CSS ရဲ့ “ရွေးချယ်ရေးကော်မတီ” ပါ။ ဘယ် element ကို style ပေးမလဲဆိုတာကို selector နဲ့တိတိကျကျရွေးရပါတယ်။ Element selector က tag name တူတာအားလုံးကိုရွေးတယ်။ Class selector က reusable style တွေအတွက်အသုံးများတယ်။ ID selector က unique element တစ်ခုအတွက်သုံးတတ်ပေမယ့် CSS project ကြီးတွေမှာ class ကိုပိုသုံးတာ maintenance လွယ်ပါတယ်။

/* Element selector: all paragraphs */
p {
  text-align: center;
}

/* ID selector: one unique element */
#main-title {
  color: blue;
}

/* Class selector: reusable style */
.important-text {
  font-weight: bold;
  color: tomato;
}

<p> အားလုံးကို center align လုပ်မယ်။ id="main-title" ရှိတဲ့ element ကို အပြာရောင်ပြောင်းမယ်။ class="important-text" ရှိတဲ့ element တွေကို bold နဲ့ tomato color ပြောင်းမယ်။