Eu tenho um menu de página sendo gerado que será semelhante em estrutura para a seguinte lista aninhada:

<code><ul>
    <li>Page 1</li>
    <li>Page 2</li>
    <li>
        Page 3
        <ul>
            <li>Subpage 1</li>
            <li>Subpage 2</li> <!-- Can I target ONLY this element? -->
        </ul>
    </li>
</ul>
</code>

Note que esta lista é dinâmica.O número de itens e o número de níveis não são previsíveis. Então, algo assim não seria flexível o suficiente:

<code>/* I know this does not have great browser support - just an example */
ul > li > ul > li:last-child {
    /* CSS here */
}
</code>

Eu percebo que eu poderia modificar o código do meu servidor para adicionar uma classe ao último item, mas primeiro gostaria de saber se isso é possível no CSS.

Para tornar as coisas mais complicadas, gostaria de segmentar todos os principais navegadores juntamente com o IE 7+.

É possível segmentar o último item da lista usando CSS?

Basicamente, eu preciso dissoViolino resolvido (via @ Pumbaa80).