Sélecteur :LAST-OF-TYPE
Rôle
Le sélecteur last-of-type est une pseudo-classe désigné par la syntaxe :last-of-type qui permet de cibler le derneir enfant d’un type particulier parmi tous les autres enfants de l’élément parent.
Note : si aucun sélecteur simple n’est précisé, il se comporte comme le sélecteur universel.
Dans l’exemple ci-dessous, le dernier sous-titre trouvé dans le body est rouge.
h2:last-of-type{
color: red;
}
<h1>titre</h1>
<h2>sous-titre 1</h2>
<h2>sous-titre 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus deleniti facere cum optio</p>
Version : CSS3
Testez vous-même ce sélecteur
L’utilisation de l’attribut :last-child à la place :last-of-type ne permet pas d’obtenir le même résultat, puisque le dernier enfant de body n’est pas le titre h2 mais le paragraphe p
h2:last-child{
color: red;
}
Résultat
Compatibilité
Le sélecteur last-of-type est pris en charge par tous les principaux navigateurs.
A partir d’Internet Explorer 9.
A voir aussi
:first-child
:first-of-type
:last-child
:nth-child(n)
:nth-of-type(n)
:nth-last-child(n)
:nth-last-of-type(n)
only-child
:only-of-type
