পসিউডোক্লাস first-of-type

পসিউডোক্লাস 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;
}

Результат: