ပြုပြင်ထားသော ပထမအမျိုးအစား

ပြုပြင်ထားသော first-of-type သည် မိဘ၏ ပထမဆုံး သားသမီး သတ်မှတ်ထားသောအမျိုးအစား ဖြစ်သော အစိတ်အပိုင်းကို ရွေးချယ်ပေးသည်။ ဆိုလိုသည်မှာ h2:first-of-type ဟုရေးလိုက်ပါက မိဘအတွင်းရှိ ပထမဆုံး h2 ကို ရှာတွေ့မည်ဖြစ်သည် (first-child နှင့်မတူပါ၊ ထိုh2 သည် မိဘအတွင်း ပထမဆုံးနေရာတွင်ရှိရပါမည်)။

ဝါကျဖွဲ့နည်း

cssရွေးချယ်သူ:first-of-type {
  
}

ဥပမာ

မိဘအတွင်းရှိ ပထမဆုံး စာပိုဒ်ဖြစ်သော စာပိုဒ်ကို ရှာကြည့်ပါမည်။

html<div>
  <h2>ခေါင်းစဉ်</h2>
  <p>စာပိုဒ်</p>
  
  <h2>ခေါင်းစဉ်</h2>
  <p>စာပိုဒ်</p>
  
  <h2>ခေါင်းစဉ်</h2>
  <p>စာပိုဒ်</p>
</div>

cssp:first-of-type {
  color: red;
}

Результат: