[解決済み] cssで最後から2番目の要素を選択する

質問

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

最後尾の子 ブラウザの対応状況。

• クローム2
• Firefox 3.5
• Opera 9.5、10
• サファリ 3.1, 4
• インターネットエクスプローラー9