Pseudo-class only-of-type

Pseudo-class only-of-type memilih elemen yang merupakan satu-satunya keturunan bagi jenis yang ditetapkan.

Sintaks

csspemilih:only-of-type {
  
}

Contoh

Mari warnakan tajuk h2 dengan warna merah, jika ia merupakan satu-satunya h2 dalam induknya:

html<div>
  <h2>tajuk</h2>
  <p>perenggan</p>
  <p>perenggan</p>
  <p>perenggan</p>
</div>
<div>
  <h2>tajuk</h2>
  <p>perenggan</p>
  
  <h2>tajuk</h2>
  <p>perenggan</p>
  <p>perenggan</p>
</div>

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

Результат: