mozilla
Vos résultats de recherche

    :nth-last-of-type

    Résumé

    La pseudo-classe CSS :nth-last-of-type ciblent un élément qui a an+b-1 nœud frères avec le même nom d'élément à partir de la fin de l'arbre, pour une valeur postive ou égale à 0 de n, et qui a un élément parent.

    Les arguments acceptés sont les même que :nth-child.

    Syntaxe

    element:nth-last-of-type(an + b) { propriétés CSS }
    

    Exemple

    Le code HTML suivant…

    <div>
      <span>Ce span est le premier !</span>
      <span>Ce span ne l'est pas. :(</span>
      <em>Celui-ci est bizarre.</em>
      <span>Celui-ci l'est !</span>
      <strike>C'est un autre type</strike>
      <span>Malheureusement, celui-ci ne l'est pas...</span>
    </div>
    

    ...avec ce CSS...

    span:nth-last-of-type(2) {
      background-color: lime;
    }
    

    ...donnera :

     

    Spécifications

    Spécification Statut Commentaire
    Selectors Level 4 Working Draft Aucun changement.
    Selectors Level 3 Recommendation Première définition.

    Compatibilité des navigateurs

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

    Voir également

    :last-of-type

    Étiquettes et contributeurs liés au document

    Contributors to this page: the prisoner, tregagnon, teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale