Sélectionnez la seconde dernier élément en css

Question

Je sais déjà d' :dernier enfant. Mais est-il un moyen de sélectionner la div:

<div id="container">
 <div>a</div>
 <div>b</div>
 <div>SELECT THIS</div> // <=== THIS
 <div>c</div>
</div>

REMARQUE: sans jQuery, uniquement avec du CSS

Merci

Answer 1

En CSS3, vous avez:

:nth-last-child(2)

Voir: http://webdesign.about.com/od/styleproperties/p/nth-last-child.htm

nth-last-child Support de Navigateur:

• Chrome 2
• Firefox 3.5
• Opera 9.5, 10
• Safari 3.1, 4
• Internet Explorer 9

Answer 2

Remarque: Posté cette réponse parce que l'OP a dit plus tard dans les commentaires qu'il a besoin pour sélectionner les deux derniers éléments, et pas seulement l'avant-dernière.

---

L' :nth-child CSS3 sélecteur est en fait plus capable que vous avez jamais imaginé!

Par exemple, cela permet de sélectionner les 2 derniers éléments de l' #container:

#container :nth-last-child(-n+2) {}

Mais ce n'est que le début d'une belle amitié.

• Bel article à propos de ce que vous pouvez faire avec :nth-child et les amis.

• :nth-child Prise En Charge Du Navigateur

• #container :nth-last-child(-n+2) {
    background-color: cyan;
  }

  <div id="container">
   <div>a</div>
   <div>b</div>
   <div>SELECT THIS</div>
   <div>SELECT THIS</div>
  </div>

Answer 3

$('#container div:last').prev();

Œuvres: cliquez ici

-EDIT-

Ah, avec les css? Utilisation nth-last-child.

Fonctionne sans jquery ;-) Prendre un coup d'oeil!