CSS letztes Kind (-1)

Ich suche nach einem CSS-Selektor, mit dem ich das vorletzte Kind der Liste auswählen kann.

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

Statische Methode:

ul li:nth-child(5)

Dynamische Methode:

ul li:last-child(-1)

was natürlich nicht validiert, auch das n-te-letzte Kind scheint keinen dynamischen Weg zu bieten. Ich kann auf Javascript zurückgreifen, aber ich frage mich, ob es einen CSS-Weg gibt, den ich übersehen habe

Sie können verwenden :nth-last-child(); Außerdem :nth-last-of-type()weiß ich nicht, was Sie sonst noch verwenden könnten. Ich bin nicht sicher, was Sie unter "dynamisch" verstehen, aber wenn Sie meinen, ob der Stil für das neue vorletzte Kind gilt, wenn mehr Kinder zur Liste hinzugefügt werden, wird dies der Fall sein. Interaktive Geige.

ul li:nth-last-child(2)

Wenn Sie PHP nicht dazu bringen können, dieses Element mit einer Klasse zu kennzeichnen, sollten Sie jQuery verwenden.

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