Pseudo-luokka only-of-type
Pseudo-luokka only-of-type valitsee
elementin, joka on määritetyn tyypin
ainoa jälkeläinen.
Syntaksi
valitsija:only-of-type {
}
Esimerkki
Värjätään otsikko h2 punaiseksi, jos
se on ainoa h2 omassa vanhemmassaan:
<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>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
