瞄准最后一个孩子在8柱网

DOM：瞄准最后一个孩子在8柱网

<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个相同的列，这是我能想出的最好的方法。如果还有其他建议，我全都是耳朵！ :)

来源

2015-08-13 Such Much Code

'.someGroup> DIV：最后的孩子> DIV：最后child'问候 –

您还需要确保您只选择最后的col-md-6元素。

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

演示：http://jsfiddle.net/w83qwtx0/

来源

2015-08-13 11:06:59 Curt

对，当然..愚蠢的错误，谢谢！ :)我会尽快接受答案。 –

如果你也为最后一个孩子这是 'COL-MD-6' 添加一个选择，那么它会只针对一个你想要的。所以，你的选择会是：
'.someGroup .COL-MD-6：最后一个孩子.item：最后的孩子'

来源

2015-08-13 11:09:32 BurningLights

瞄准最后一个孩子在8柱网

回答

相关问题