Pilih elemen terakhir kedua dengan css

Saya sudah tahu: anak terakhir. Tetapi apakah ada cara untuk memilih div:

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

CATATAN: tanpa jQuery, hanya dengan CSS

Di CSS3 Anda memiliki:

:nth-last-child(2)

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

Dukungan Browser nth-last-child :

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

Catatan: Diposting jawaban ini karena OP kemudian menyatakan dalam komentar bahwa ia perlu memilih dua elemen terakhir , bukan hanya yang kedua dari belakang.

The :nth-childpemilih CSS3 sebenarnya lebih mampu dari yang Anda bayangkan!

Misalnya, ini akan memilih 2 elemen terakhir dari #container:

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

Tapi ini hanyalah awal dari persahabatan yang indah.

• :nth-child Dukungan Browser

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