Css ile ikinci son öğeyi seçin

Zaten biliyorum: son çocuk. Ancak div'i seçmenin bir yolu var mı:

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

NOT: jQuery olmadan, yalnızca CSS ile

CSS3'te şunlara sahipsiniz:

:nth-last-child(2)

Bakınız: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child

nth-last-child Tarayıcı Desteği:

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

Not: Bu yanıtı yayınladı çünkü OP daha sonra yorumlarda yalnızca sondan bir önceki öğeyi değil , son iki öğeyi seçmesi gerektiğini belirtti .

:nth-childCSS3 seçici aslında hiç hayal daha yetenekli!

Örneğin, bu, aşağıdakilerin son 2 öğesini seçecektir #container:

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

Ama bu güzel bir arkadaşlığın sadece başlangıcı.

• :nth-child Tarayıcı Desteği

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