CSS တွင် သတ်မှတ်ထားသော class ဖြင့် tag

ကျွန်ုပ်တို့တွင် တူညီသော class များရှိသည့် tag အမျိုးအစားနှစ်ခု ရှိသည်ဆိုပါစို့။ ဥပမာ၊ ခေါင်းစဉ် h2 များနှင့် စာပိုဒ်များတွင် တူညီသော class တစ်ခု ရှိသည်ဆိုပါစို့။

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

ကျွန်ုပ်တို့သည် ဥပမာအားဖြင့် ထို class ရှိသည့် element အားလုံးကို အနီရောင်သို့ ပြောင်းနိုင်ပါသည်။

.eee {
	color: red;
}

သို့သော် class ရှိသည့် tag တစ်ခုချင်းစီကို ရွေးချယ်နိုင်ပါသည်။ ဥပမာ၊ eee class ရှိသည့် h2 အားလုံးကို ရွေးချယ်ပြီး eee class ရှိသည့် p အားလုံးကို သီးသန့်ရွေးချယ်နိုင်ပါသည်။

ဤသို့ပြုလုပ်ရန် selector တွင် tag ၏အမည်ကို ရေးပြီးနောက် class ၏အမည်ကို ကပ်လျက် ရေးရပါမည်။ ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့၏ class ရှိသည့် h2 များကို အနီရောင်သို့ ပြောင်းကြပြီး ထို class ရှိသည့် စာပိုဒ်များကို အစိမ်းရောင်သို့ ပြောင်းကြပါစို့။

h2.eee {
	color: red;
}
p.eee {
	color: green;
}

အောက်ပါ code ကို ပေးထားသည်။

<h2 class="header">text</h2>
<h2 class="header">text</h2>
<h3 class="header">text</h3>
<h3 class="header">text</h3>

.header {
	color: red;
}

header class ရှိသည့် h2 အားလုံးကို 40px အရွယ်အစားဖြစ်ပြီး ထို class ရှိသည့် h3 အားလုံးကို 30px အရွယ်အစားဖြစ်အောင် ပြုလုပ်ပါ။