html - 从最后一个子 css 中删除边框

Question

考虑这个标记:

<div class="container">
    <div class="row first">
        <div class="col-lg-6 flush-col">
            <div class="thumbnail-services">
                <h3>Design</h3>
             </div>
        </div>
        <div class="col-lg-6 flush-col">
            <div class="thumbnail-services">
                <h3>Design</h3>
           </div>
        </div>
    </div>
    <div class="row second">
        <div class="col-lg-6 flush-col">      
            <div class="thumbnail-services">
                <h3>Design</h3>
            </div>
        </div>
        <div class="col-lg-6 flush-col">      
            <div class="thumbnail-services">      
                <h3>Design</h3>
            </div>
        </div>
    </div>
</div>

这是一个 fiddle

我想要的是删除最后两列的右边框(第一行最后一个和第二行最后一个)

我试过用这个:

.thumbnail-services:last-child {border-right:0px;} but is not working.

知道我应该怎么做才能使它与 css 伪元素一起工作 :last-child 吗？

Answer 1

thumbnail-services 不是该行的最后一个子项，但 flush-col(或一般的列)是。选择这些。

.flush-col:last-child .thumbnail-services 

http://jsfiddle.net/C8buA/1/