Mam wygenerowane menu strony, które będzie miało podobną strukturę do następującej listy zagnieżdżonej:

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

Zauważ, że ta lista jest dynamiczna.Liczba przedmiotów i liczba poziomów nie są przewidywalne. Więc coś takiego nie byłoby wystarczająco elastyczne:

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

Zdaję sobie sprawę, że mogę zmodyfikować mój kod serwera, aby dodać klasę do ostatniego elementu, ale najpierw chciałbym wiedzieć, czy jest to możliwe w CSS.

Żeby było bardziej skomplikowane, chciałbym kierować reklamy na wszystkie główne przeglądarki wraz z IE 7+.

Czy możliwe jest kierowanie na ostatni element listy za pomocą CSS?

Zasadniczo tego potrzebujęSkrzypce rozwiązany (przez @ Pumbaa80).