Выберите второй последний элемент с помощью css

Я уже знаю о: last-child. Но есть ли способ выбрать div:

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

ПРИМЕЧАНИЕ: без jQuery, только с CSS

В CSS3 у вас есть:

:nth-last-child(2)

См. Https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child

Поддержка браузера nth-last-child :

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

Примечание: опубликовал этот ответ, потому что OP позже заявил в комментариях, что ему нужно выбрать последние два элемента , а не только предпоследний.

:nth-childСелектор CSS3, на самом деле более способным , чем Вы когда - нибудь!

Например, это выберет последние 2 элемента #container:

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

Но это только начало красивой дружбы.

• :nth-child Поддержка браузера

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