CSS ultimo figlio (-1)

Sto cercando un selettore CSS che mi permetta di selezionare l'ultimo figlio dell'elenco.

<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li> <!-- select the pre last item dynamically no matter how long this list is -->
     <li>6</li>
</ul>

Metodo statico:

ul li:nth-child(5)

Metodo dinamico:

ul li:last-child(-1)

che ovviamente non convalida, anche l'ennesimo figlio non sembra fornire un modo dinamico .. Posso ricorrere a javascript ma mi chiedo se c'è un modo css che ho trascurato

È possibile utilizzare :nth-last-child(); in effetti, inoltre :nth-last-of-type(), non so cos'altro potresti usare. Non sono sicuro di cosa intendi per "dinamico", ma se intendi se lo stile si applica al nuovo penultimo figlio quando vengono aggiunti più figli all'elenco, sì, lo farà. Violino interattivo.

ul li:nth-last-child(2)

A meno che non sia possibile ottenere PHP per etichettare quell'elemento con una classe, è meglio usare jQuery.

jQuery(document).ready(function () {
  $count =  jQuery("ul li").size() - 1;
  alert($count);
  jQuery("ul li:nth-child("+$count+")").css("color","red");
});