Wählen Sie das vorletzte Element mit CSS aus

Ich weiß schon von: letztes Kind. Aber gibt es eine Möglichkeit, das div auszuwählen:

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

HINWEIS: ohne jQuery nur mit CSS

In CSS3 haben Sie:

:nth-last-child(2)

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

nth-last-child Browser-Unterstützung:

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

Hinweis: Diese Antwort wurde veröffentlicht, da OP später in Kommentaren angegeben hat, dass er die letzten beiden Elemente auswählen muss , nicht nur das vorletzte.

Der :nth-childCSS3-Selektor ist tatsächlich leistungsfähiger als Sie es sich jemals vorgestellt haben!

Hiermit werden beispielsweise die letzten beiden Elemente ausgewählt #container:

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

Dies ist jedoch nur der Anfang einer schönen Freundschaft.

• :nth-child Browser-Unterstützung

#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>