選擇嵌套的最後一個元素的問題

我需要所有格與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

選擇嵌套的最後一個元素的問題

回答

相關問題