Pseudoklas only-of-type

Die pseudoklas only-of-type kies 'n element wat die enigste afstammeling van 'n spesifieke tipe is.

Sintaksis

cssselektor:only-of-type {
  
}

Voorbeeld

Laat ons 'n h2-opschrift rooi kleur as dit die enigste h2 in sy ouer is:

html<div>
  <h2>Opskrif</h2>
  <p>Paragraaf</p>
  <p>Paragraaf</p>
  <p>Paragraaf</p>
</div>
<div>
  <h2>Opskrif</h2>
  <p>Paragraaf</p>
  
  <h2>Opskrif</h2>
  <p>Paragraaf</p>
  <p>Paragraaf</p>
</div>

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

Результат: