Ориентация последнего ребенка в 8 столбце сетки

Question

DOM:

<div class="someGroup"> 
    <div class="col-md-6"> 
     <div class="col-md-3 item"></div> 
     <div class="col-md-3 item"></div> 
     <div class="col-md-3 item"></div> 
     <div class="col-md-3 item"></div> 
    </div> 

    <div class="col-md-6"> 
     <div class="col-md-3 item"></div> 
     <div class="col-md-3 item"></div> 
     <div class="col-md-3 item"></div> 
     <div class="col-md-3 item"></div> <!-- I want to target this div --> 
    </div> 
</div> 

Можно ли сделать с помощью CSS?

Я пробовал использовать .someGroup .item:last-child, но он также нацелен на последнего ребенка первого col-md-6.

В принципе, мне нужно иметь 8 равных столбцов, и это был лучший подход, который я мог бы придумать. Если любые другие предложения, я все уши! :)

Answer 1

Вам также необходимо убедиться, что вы выбираете только последний элемент col-md-6.

.someGroup .col-md-6:last-child .item:last-child {} 

Демо:http://jsfiddle.net/w83qwtx0/

Answer 2

Если добавить селектор для последнего ребенка, что это «Col-мкр-6», то это будет только предназначаться тот, который вы хотите. Итак, ваш селектор будет:
'.someGroup .col-md-6: last-child .item: last-child'