CSS တွင် ဆင်းသက်သူ ရွေးချယ်စက် (Selector) နှင့် အတန်းများ (Classes)

အောက်ပါကုဒ်ကို လုပ်ဆောင်ပါမည်။

html<div class="block">
  <h2>ခေါင်းစဉ်</h2>
  <p>
    စာသား
  </p>
</div>
<div class="block">
  <h2>ခေါင်းစဉ်</h2>
  <p>
    စာသား
  </p>
</div>

အတန်း block အတွင်းရှိ ခေါင်းစဉ်အားလုံး h2 နှင့် စာပိုဒ်များကို ရွေးချယ်ပြီး အရောင်မတူအောင် ခြယ်ပါ။ ဆင်းသက်သူ ရွေးချယ်စက် (selector အကြားရှိ ကွက်လပ်ဖြင့် ဖော်ပြသော) ကို ဤအတွက် အသုံးပြုပါမည်။

css.block h2 {
  color: red;
}
.block p {
  color: green;
}

html<p class="eee">
  စာသား <i>စာစောင်း</i>
</p>
<p class="eee">
  စာသား <i>စာစောင်း</i>
</p>
<div class="eee">
  စာသား <i>စာစောင်း</i>
</div>
<div class="eee">
  စာသား <i>စာစောင်း</i>
</div>