Chọn phần tử cuối cùng thứ hai với css

Tôi đã biết: con cuối cùng. Nhưng có một cách để chọn div:

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

LƯU Ý: không có jQuery, chỉ với CSS

Trong CSS3 bạn có:

:nth-last-child(2)

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

Hỗ trợ trình duyệt nth-last-child :

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

Lưu ý: Đã đăng câu trả lời này vì OP sau đó đã nêu trong các bình luận rằng anh ta cần chọn hai yếu tố cuối cùng , không chỉ là yếu tố áp chót.

Bộ :nth-childchọn CSS3 trên thực tế có khả năng nhiều hơn bạn tưởng tượng!

Ví dụ: điều này sẽ chọn 2 yếu tố cuối cùng của #container:

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

Nhưng đây chỉ là khởi đầu của một tình bạn đẹp.

• :nth-child Hỗ trợ trình duyệt

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