У меня есть структура вроде:
<div id="holder">
<div id="first"></div>
<div class="box">I'm the first</div>
<div class="box">Nothing special</div>
<div class="box">Nothing special</div>
<div class="box">Nothing special</div>
<div class="box">Nothing special</div>
<div class="box">Nothing special</div>
<div class="box">Make this background orange!!!</div>
<div id="last"></div>
</div>
Мне нужен последний элемент .box
, чтобы иметь оранжевый фон.
.box:last-child{}
не будет работать, потому что это не последний ребенок. Помимо обертывания только элемента .box
в элементе, есть ли способ сделать это? Эта проблема представляет собой то, что я пытаюсь сделать, но я также хотел бы знать, есть ли способ сопоставления последнего совпадающего элемента селектора.
http://jsfiddle.net/walkerneo/KUa8B/1/
Дополнительные примечания:
- Нет javascript
- Отсутствие последнего элемента для дополнительного класса