选择嵌套的最后一个元素时出现问题

Question

我有这个带有应用CSS的HTML代码。

我需要所有div为cnt-list-box红色，但只有最后一个div cnt-list-box颜色不同。 有什么想法吗？

<div class="cnt-box-1">
    <div class="cnt-list-box">content 1</div>
    <div class="cnt-list-box">content 2</div>
    <div class="cnt-list-box">content 3</div>
    <div class="cnt-list-box">content 4</div>
    <div class="cnt-list-box">content 5</div>
</div>

.cnt-list-box
{
    background-color:Red;   
}

Answer 1

您的示例在FF和Webkit中有效： http://jsfiddle.net/meo/hwFYT/

如usoban评论，您应该检查： Changing CSS for last <li>

PS：您的incode注释不是有效的CSS注释。它产生一个解析错误，这就是它接缝工作的原因，但这不是一个好习惯。

Answer 2

幸运的是，我自己找到了解决问题的合理方法。

.cnt-box-1 > .cnt-list-box:last-child
{
    background-color: Blue;   
}