Pseudoclasse first-of-type
La pseudoclasse first-of-type seleziona
un elemento che è il primo discendente
del genitore del tipo specificato. Cioè, se si scrive
h2:first-of-type - verrà trovato il primo h2 nel genitore
(a differenza di first-child,
che troverà solo quell'h2 che si trova
proprio per primo nel genitore).
Sintassi
selettore:first-of-type {
}
Esempio
Troviamo il paragrafo che è il primo paragrafo nel genitore:
<div>
<h2>titolo</h2>
<p>paragrafo</p>
<h2>titolo</h2>
<p>paragrafo</p>
<h2>titolo</h2>
<p>paragrafo</p>
</div>
p:first-of-type {
color: red;
}
:
