Question

is there a possibility to select just a single last <li> in each multi-level list?

<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>

​
Free playground on jsfiddle:
http://jsfiddle.net/dizzyn/KMY3U/

Answer 1

Yes you can, use :last-child CSS selector..

My fiddle

CSS

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

li {
    color: #000000;
}​

You can also use this :

CSS

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

li {
   color: #000000;
}​

:last-child selector selects every element that is the last child of its parent.

Note : This was a CSS3 implementation, so some browser’s will ignore this but wont spoil anything cuz you are just changing the color..