定位 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/