Démos

Toutes les démos

<>

Couverture du livre CSS3 Le design web moderne

Livre CSS3

Le design web moderne

Plus d'infos sur le site officiel

En vente sur Amazon, FNAC, Dunod

Suivre

Actualités du site CSS3Create

Actualités sur CSS et le web en général

Sélecteur: :nth-last-of-type()

Création: mai 2012Modifié:

:nth-last-of-type est une pseudo-classe qui fait partie du Selectors Level 3 actuellement en Recommandation.

Elle permet de cibler le/les n-ièmes enfants d’un élément en partant de la fin ET d’un certain type.

Un nth-child avancé et inversé...

Cette pseudo-classe s’utilise de la même façon que :nth-child. Je vous invite donc à découvrir son fonctionnement sur la page dédiée.

La différence est qu’ ::nth-last-of-type cible les éléments en partant de la fin, et du type donné.

Cible le/les avant-derniers h1 au sein de leur parent :

    h1:nth-last-of-type(2){ ... }

Cible le/les 2e, 4e, 6e, etc. p au sein de leur parent div, en partant de la fin (soit l’avant dernier p, l’avant-avant-avant-dernier p, etc.) :

    div p:nth-last-of-type(2n+2){ ... }

Pour cibler plus largement, sans se soucier du type, il y a :nth-last-child

Un p'tit mot...

Aucun message actuellement. Soyez le premier!


modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Un message, un commentaire ?
    Qui êtes-vous ? (optionnel)
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)