css - 如何选择最后一个在未知的多层次

Question

<li>是否有可能在每个多级列表中只选择一个最后一个？

<ul class="root">
    <li>no</li>            
    <li>no</li>            
    <li>yes</li>
</ul>

<ul class="root">
    <li>no</li>            
    <li>no</li>            
    <li>
        <ul>
            <li>no</li>            
            <li>yes</li>
        </ul>
    </li>
</ul>

​ jsfiddle 上的免费游乐场：http: //jsfiddle.net/dizzyn/KMY3U/

Answer 1

是的，你可以，使用:last-childCSS 选择器..

我的小提琴

CSS

ul li:last-child {
    color: #ff0000;
}​

li {
    color: #000000;
}​

你也可以使用这个：

CSS

ul li:nth-last-child(1) {
   color: #ff0000;
}

li {
   color: #000000;
}​

:last-child选择器选择作为其父元素的最后一个子元素的每个元素。

注意：这是一个 CSS3 实现，所以一些浏览器会忽略这一点，但不会破坏任何东西，因为你只是在改变颜色..