:last-of-type

La pseudo-classe :last-of-type représente un élément qui est le dernier enfant d'un type donné dans la liste des enfants de l'élément parent.

Syntaxe

:last-of-type { style properties }

Exemples

Pour cibler le dernier élément em au sein d'un élément p, on pourra utiliser la règle qui suit (illustrée ensuite sur un fragment HTML).

CSS

p em:last-of-type {
  color: lime;
}

HTML

<p>
  <em>Je ne suis pas vert :(</em>
  <strong>Je ne suis pas vert :(</strong>
  <em>Je suis vert :D</em>
  <strong>Je ne suis pas non plus vert :(</strong>
</p>

<p>
  <em>Je ne suis pas vert :(</em>
  <span><em>Je suis vert !</em></span>
  <strong>Je ne suis pas vert :(</strong>
  <em>Je suis vert :D</em>
  <span>
    <em>Je suis aussi vert !</em> 
    <strike>Je ne suis pas vert</strike>
  </span>
  <strong>Je ne suis pas non plus vert :(</strong>
</p>

Résultat

Spécifications

Spécification État Commentaires
Selectors Level 4
La définition de ':last-of-type' dans cette spécification.
Version de travail Aucune modification.
Selectors Level 3
La définition de ':last-of-type' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 3.5 (1.9.1) 9.0 9.5 3.2
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, tregagnon, teoli, FredB, ThePrisoner
 Dernière mise à jour par : SphinxKnight,