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-md-6'的孩子添加一个选择器，那么它只会定位你想要的那个。所以，你的选择器将是：
'.someGroup .col-md-6：last-child .item：last-child'

定位8列网格中的最后一个子节点

2 个答案: