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: :last-child

Création: mai 2012Modifié:

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

Elle permet de cibler le dernier enfant d’un élément.

La syntaxe

Cet exemple cible le dernier<li> de la balise <ul>

    ul li:last-child{ ... }

Attention : le code suivant ne sélectionne pas les derniers<h2> de chaque élément, mais il sélectionne le/les derniers <h2> SEULEMENT si ils se trouvent derniers enfants de leur parent.

    h2:last-child{ ... }

:last-child est strictement équivalent à :nth-last-child(1)

Pour sélectionner le dernier enfant d’un certain type, utilisez :last-of-type

Un p'tit mot...

#1par Giampiero Trezzini, le 20 février 2013

Je viens de m’acheter le livre css3 Le design web moderne et j’y ai découvert l’adresse de ce site qui est très prometteur pour les amateurs du web comme je le suis. Je suis en particulier à la recherche d’une mise à niveau css de mon site trezziniluthier.com (créé en 2004) et en particulier les pages avec des animations d’images (j’ai fait la mise à niveau des menus, sans images, c’était pas bien compliqué). Si d’aventure vous avez des idées...
Merci en tout cas pour le bouquin et le site
Giampiero

#2par luger95, le 18 mars 2013

Dans certain cas la propriété last-child n’est pas prise en compte alors que si je la remplace par un first-child, le sélecteur est bien utilisé.

Y-a-t-il donc des cas où le pseudo-class n’est pas utilisable ?

Merci par avance.


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.)