CSS - 如何针对最后一个 div 实例进行定位

Question

我有一个如下的div结构，我只想针对页面上最后一个.pcontain进行操作，以便我可以删除右边框线 - 我该怎么做？

<div class="container">
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
</div>

- Nikki Mather

Answer 1

有效代码示例

使用last child选择器

.postcontainer:last-child .pcontain{ 
    background: black;
    color: white;
}

在此处阅读有关:last-child的更多信息

- What have you tried

---

请不要链接到w3fools，如果您关心传播准确的信息，请改用http://w3.org。 - undefined

@Adrift 那个页面有什么不准确的地方吗？ - undefined

@Adrift 我并没有觉得你做了。另外，我会更改链接。 - undefined

我不太确定这个针对我上面的 div 结构如何使用。有没有可能请你解释一下它在我的情况下的用法？顺便说一句，我没有给它点踩 FWIW。 - undefined

@NikkiMather 我会为你创建一个fiddle。 - undefined

Answer 2

您可以使用 last-child 伪类，例如：

.postcontainer:last-child .pcontain {
color: darkolive;
}

http://jsfiddle.net/ZZMZn/10/

- Adrift

---

我认为你甚至不需要在那里使用'.container'。 - undefined