Pseudoklasse first-of-type
Pseudoklassen first-of-type vælger
et element, som er det første afkom
af forældretypen. Det vil sige, hvis man skriver
h2:first-of-type - findes den første h2 i forælderen
(i modsætning til first-child,
som kun finder den h2, som står
forrest i forælderen).
Syntaks
selektor:first-of-type {
}
Eksempel
Lad os finde afsnittet, som er det første afsnit i forælderen:
<div>
<h2>overskrift</h2>
<p>afsnit</p>
<h2>overskrift</h2>
<p>afsnit</p>
<h2>overskrift</h2>
<p>afsnit</p>
</div>
p:first-of-type {
color: red;
}
: