Pseudo-classe only-of-type

La pseudo-classe only-of-type seleziona un elemento che è l'unico discendente del tipo specificato.

Sintassi

cssselettore:only-of-type {
  
}

Esempio

Coloriamo l'intestazione h2 in rosso, se è l'unico h2 nel suo genitore:

html<div>
  <h2>intestazione</h2>
  <p>paragrafo</p>
  <p>paragrafo</p>
  <p>paragrafo</p>
</div>
<div>
  <h2>intestazione</h2>
  <p>paragrafo</p>
  
  <h2>intestazione</h2>
  <p>paragrafo</p>
  <p>paragrafo</p>
</div>

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

Результат: