Pseudo-luokka only-of-type

Pseudo-luokka only-of-type valitsee elementin, joka on määritetyn tyypin ainoa jälkeläinen.

Syntaksi

cssvalitsija:only-of-type {
  
}

Esimerkki

Värjätään otsikko h2 punaiseksi, jos se on ainoa h2 omassa vanhemmassaan:

html<div>
  <h2>otsikko</h2>
  <p>kappale</p>
  <p>kappale</p>
  <p>kappale</p>
</div>
<div>
  <h2>otsikko</h2>
  <p>kappale</p>
  
  <h2>otsikko</h2>
  <p>kappale</p>
  <p>kappale</p>
</div>

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

Результат: