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-child CSS选择器..

My fiddle

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实现，所以有些浏览器会忽略这个，但不会破坏任何东西因为你只是改变颜色..

如何在未知多级<ul> </ul> </li>中选择最后一个<li>

1 个答案: