mozilla
Vos résultats de recherche

    :last-child

    Résumé

    La pseudo-classe CSS :last-child représente un élément qui est le dernier enfant de son parent.

    Syntaxe

    element:last-child { propriétés CSS }
    

    Exemple

    Exemple 1

    li:last-child { background-color: lime; }
    

    … avec le code HTML…

    <ul>
       <li>Cet élément n'est pas vert !</li>
       <li>Celui-ci est vert.</li>
    </ul>
    

    … donnera :

    Exemple 2 : Utilisation d’une liste non ordonnée

    Exemple dynamique : http://jsfiddle.net/Tripad/rgz2X/

    <ul>
        <li>Liste 1</li>
        <li>Liste 2</li>
        <li>Liste 3</li>
    </ul>
    
    ul li {
        color: red;
    }
    
    ul li:last-child {
        color: green;
    }
    

    Spécifications

    Spécification Statut Commentaire
    Selectors Level 4
    La définition de ':last-child' dans cette spécification.
    Working Draft Aucun changement.
    Selectors Level 3
    La définition de ':last-child' dans cette spécification.
    Recommendation Première définition.

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support basique 1.0 1.0 (1.7 ou moins) 9.0 9.5 3.2
    Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support basique 2.1 1.0 (1) 9.0 10.0 3.2

    Voir également

    Étiquettes et contributeurs liés au document

    Contributors to this page: louuis, tregagnon, Fredchat, FredB, the prisoner, teoli, Vivelefrat
    Dernière mise à jour par : Fredchat,