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

Question

I have this HTML code with applied CSS.

I need all div with cnt-list-box in red but ONLY the LAST div cnt-list-box with different color. Any ideas?

<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

your example does work in FF and Webkit: http://jsfiddle.net/meo/hwFYT/

As commented by usoban you should check: Changing CSS for last <li>

PS: your incode comment is not a valid CSS comment. It produces a parsing error this is why it seams to work, but its no a good practice.

Answer 2

Fortunately I found by myself a reasonable solution to my problem.

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