Sélectionnez l'avant-dernier élément avec css

Je connais déjà: le dernier enfant. Mais y a-t-il un moyen de sélectionner le div:

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

REMARQUE: sans jQuery, uniquement avec CSS

Dans CSS3, vous avez:

:nth-last-child(2)

Voir: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child

Prise en charge du navigateur nth-last-child :

• Chrome 2
• Firefox 3.5
• Opéra 9.5, 10
• Safari 3.1, 4
• Internet Explorer 9

Remarque: a publié cette réponse car OP a déclaré plus tard dans les commentaires qu'il devait sélectionner les deux derniers éléments , pas seulement l'avant-dernier.

Le :nth-childsélecteur CSS3 est en fait plus performant que vous ne l'auriez imaginé!

Par exemple, cela sélectionnera les 2 derniers éléments de #container:

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

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

• :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>