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

我需要所有格与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; 
}

来源

2011-09-26 GibboK

http://stackoverflow.com/questions/1329841/changing-css-for-last-li – usoban

根据您的需要浏览器的兼容性，你也许可以使用'：最后的-type'伪选择。 –

你的例子确实在FF工作和Webkit： http://jsfiddle.net/meo/hwFYT/

正如评论说usoban你应该检查： Changing CSS for last <li>

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

来源

2011-09-26 06:31:53 meo

感谢您的回答！我也找到了自己的解决方案，但你似乎更多的网络。 THanks – GibboK

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

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

来源

2011-09-26 06:32:40 GibboK

你为什么要这样做？第一个例子工作 – meo

meo你的解决方案是完美的我会在几分钟内接受它，谢谢你在这方面的时间。 – GibboK

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

回答

相关问题