Ответ 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
Я уже знаю о последнем ребенке. Но есть ли способ выбрать 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)
Смотрите: 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
Примечание:. Отправленный этот ответ, потому что позже OP в комментариях указывал, что ему нужно выбрать последние два элемента, а не только предпоследний.
Селектор :nth-child
CSS3 на самом деле более эффективен, чем вы когда-либо себе представляли!
Например, это выберет последние 2 элемента #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>