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

পসিউডোক্লাস only-of-type একটি উপাদান নির্বাচন করে যা নির্দিষ্ট ধরণের একমাত্র সন্তান।

সিনট্যাক্স

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

উদাহরণ

শিরোনাম h2 কে লাল রঙে রাঙানো হবে, যদি এটি তার প্যারেন্টের একমাত্র h2 হয়:

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

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: