Es wird ein Seitenmenü generiert, dessen Struktur der folgenden verschachtelten Liste ähnelt:

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

Beachten Sie, dass diese Liste dynamisch ist.Die Anzahl der Elemente und die Anzahl der Ebenen sind nicht vorhersehbar. So etwas wäre nicht flexibel genug:

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

Mir ist klar, dass ich meinen Servercode ändern kann, um dem letzten Element eine Klasse hinzuzufügen, aber ich möchte zunächst wissen, ob dies in CSS möglich ist.

Um die Sache noch komplizierter zu machen, möchte ich alle wichtigen Browser zusammen mit IE 7+ ansprechen.

Ist es möglich, das allerletzte Listenelement mit CSS auszurichten?

Grundsätzlich brauche ich dasGeige gelöst (via @ Pumbaa80).