如何更改最後一個孩子的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{，但它沒有必要在這種情況下。

Answer 2

您需要將收件箱郵件類添加到代碼中。

<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 .inbox-message a:last-child { /* This doesn't work... */ border: 0;}