Wybierz przedostatni element za pomocą CSS

Wiem już o: ostatnim dziecku. Ale czy istnieje sposób na wybranie div:

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

UWAGA: bez jQuery, tylko z CSS

W CSS3 masz:

:nth-last-child(2)

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

Obsługa przeglądarek nth-last-child :

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

Uwaga: opublikowano tę odpowiedź, ponieważ OP stwierdził później w komentarzach, że muszą wybrać ostatnie dwa elementy , a nie tylko przedostatni.

:nth-childSelektor CSS3 jest w rzeczywistości bardziej zdolne niż Ci się wydaje!

Na przykład spowoduje to wybranie 2 ostatnich elementów #container:

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

Ale to dopiero początek pięknej przyjaźni.

• :nth-child Wsparcie przeglądarki

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