Pseudo-classe only-of-type
La pseudo-classe only-of-type seleziona
un elemento che è l'unico discendente
del tipo specificato.
Sintassi
selettore:only-of-type {
}
Esempio
Coloriamo l'intestazione h2 in rosso, se
è l'unico h2 nel suo genitore:
<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>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
