css - 如何更改最后一个 child 的 CSS？

Question

我有以下代码(http://jsfiddle.net/Jeroen94/9D6Z6/):

<div class="inbox">‌
    <div class="something 1">
        <a class="inbox-message">Message 1</a>
    </div>
    <div class="something 2">
        <a class="inbox-message">Message 2</a>
    </div>
</div>

.inbox-message {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.inbox a:last-child {  /* This doesn't work... */
    border: 0;
}

我想从最后一条消息(在本例中是第二条消息)中删除边框，但我没有成功，因为我真的不明白如何使用 last- child 。

我该怎么做？

Answer 1

将规则更改为:

.inbox :last-child a{
    border: 0;
}

jsFiddle example

您也可以完成 .inbox div:last-child a{，但在这种情况下没有必要。