Pseudo-classe last-of-type
La pseudo-classe last-of-type sélectionne
un élément qui est le dernier enfant
de son parent d'un type donné. Autrement dit, si je
écris h2:last-of-type - le dernier
h2 dans le parent sera trouvé (contrairement à last-child,
qui ne trouvera que le h2 qui se trouve
tout à la fin dans le parent).
Syntaxe
sélecteur:last-of-type {
}
Exemple
Trouvons le titre h2 qui est le dernier
h2 dans le parent :
<div>
<h2>titre</h2>
<p>paragraphe</p>
<h2>titre</h2>
<p>paragraphe</p>
<h2>titre</h2>
<p>paragraphe</p>
</div>
h2:last-of-type {
color: red;
}
:
