Pseudoclasse only-of-type

A pseudoclasse only-of-type seleciona um elemento que é o único descendente do tipo especificado.

Sintaxe

cssseletor:only-of-type {
  
}

Exemplo

Vamos colorir o cabeçalho h2 em vermelho se ele for o único h2 em seu elemento pai:

html<div>
  <h2>cabeçalho</h2>
  <p>parágrafo</p>
  <p>parágrafo</p>
  <p>parágrafo</p>
</div>
<div>
  <h2>cabeçalho</h2>
  <p>parágrafo</p>
  
  <h2>cabeçalho</h2>
  <p>parágrafo</p>
  <p>parágrafo</p>
</div>

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

Результат: