Виберіть другий останній елемент css

Я вже знаю про: останню дитину. Але чи є спосіб вибрати 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
• Опера 9.5, 10
• Сафарі 3.1, 4
• Internet Explorer 9

Примітка: Опублікував цю відповідь, оскільки пізніше ОП у коментарях зазначив, що йому потрібно вибрати два останні елементи , а не лише передостанній.

:nth-childСелектор CSS3, насправді більш здатним , ніж Ви коли - небудь!

Наприклад, для цього будуть обрані два останні елементи #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>