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

পসিউডোক্লাস last-of-type একটি এলিমেন্ট সিলেক্ট করে, যা তার প্যারেন্টের নির্দিষ্ট টাইপের শেষ চাইল্ড। অর্থাৎ, যদি আমি লিখি h2:last-of-type - তাহলে প্যারেন্টের মধ্যে শেষ h2টি পাওয়া যাবে (last-child থেকে ভিন্ন, যা শুধুমাত্র সেই h2 কে সিলেক্ট করবে, যা তার প্যারেন্টের সবচেয়ে শেষ চাইল্ড)।

সিনট্যাক্স

cssসিলেক্টর:last-of-type {
  
}

উদাহরণ

আসুন একটি h2 হেডিং খুঁজে বের করি, যা তার প্যারেন্টের শেষ h2:

html<div>
  <h2>শিরোনাম</h2>
  <p>অনুচ্ছেদ</p>
  
  <h2>শিরোনাম</h2>
  <p>অনুচ্ছেদ</p>
  
  <h2>শিরোনাম</h2>
  <p>অনুচ্ছেদ</p>
</div>

cssh2:last-of-type {
  color: red;
}

Результат: