如何更改最后一个孩子的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;}