CSS ostatnie dziecko (-1)

Szukam selektora css, który pozwala mi wybrać przedostatnie dziecko listy.

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

Metoda statyczna:

ul li:nth-child(5)

Metoda dynamiczna:

ul li:last-child(-1)

co oczywiście nie sprawdza poprawności, również nth-last-child nie wydaje się zapewniać dynamicznego sposobu .. Mogę wrócić do javascript, ale zastanawiam się, czy istnieje sposób CSS, który przeoczyłem

Państwo może używać :nth-last-child(); w rzeczywistości, poza :nth-last-of-type()tym nie wiem, czego jeszcze mógłbyś użyć. Nie jestem pewien, co masz na myśli, mówiąc „dynamiczny”, ale jeśli masz na myśli, czy styl odnosi się do nowego przedostatniego dziecka, gdy do listy zostanie dodanych więcej dzieci, tak będzie. Interaktywne skrzypce.

ul li:nth-last-child(2)

Jeśli nie możesz zmusić PHP do oznaczenia tego elementu klasą, lepiej jest użyć jQuery.

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