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

Я уже знаю о последнем ребенке. Но есть ли способ выбрать div:

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

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

Ответ 1

В CSS3 у вас есть:

:nth-last-child(2)

Смотрите: http://webdesign.about.com/od/styleproperties/p/nth-last-child.htm

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

Chrome 2

Firefox 3.5

Opera 9.5, 10

Safari 3.1, 4

Internet Explorer 9

Ответ 2

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

Селектор :nth-child CSS3 на самом деле более эффективен, чем вы когда-либо себе представляли!

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

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

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

Хорошая статья о том, что вы можете сделать с :nth-child и друзьями.
: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>