sélectionnant le deuxième dernier élément avec css

Dans le développement Web, il est souvent nécessaire de cibler des éléments spécifiques dans une structure de document. Lors du choix de l'élément en fonction de sa position au sein de son parent, CSS fournit le: dernier sélecteur-enfant, qui nous permet de sélectionner le dernier élément. Cependant, dans certains scénarios, nous devrons peut-être sélectionner le deuxième dernier élément.

À cette fin, CSS3 introduit le sélecteur: Nth-Last-Child (n), où N représente la position de l'élément comptant depuis la fin. Pour sélectionner le deuxième dernier élément, nous pouvons utiliser: Nth-Last-Child (2).

Ce sélecteur est applicable à l'exemple suivant:

  
a
  
b
  
SELECT THIS
 
  
c

En utilisant le sélecteur: nth-last-child (2), nous pouvons styliser l'élément souhaité sans avoir besoin de jQuery.

firefox 3.5 opéra 9.5

safari 3.1

Internet Explorer 9