CSS son çocuk (-1)

Listenin son öncesi alt öğesini seçmeme izin veren bir css seçici arıyorum.

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

Statik yöntemi:

ul li:nth-child(5)

Dinamik yöntem:

ul li:last-child(-1)

tabii ki doğrulamıyor, aynı zamanda nth-son-çocuk dinamik bir yol sağlamak gibi görünmüyor .. Javascript için geri dönebilirim ama gözden kaçan bir css yolu olup olmadığını merak ediyorum

Sen edebilirsiniz kullanmak :nth-last-child(); aslında, başka :nth-last-of-type()ne kullanabileceğinizi bilmiyorum. "Dinamik" ile ne kastettiğinizden emin değilim, ancak listeye daha fazla çocuk eklendiğinde stilin yeni ikinci son çocuk için geçerli olup olmadığını kastediyorsanız, evet olacaktır. Etkileşimli keman.

ul li:nth-last-child(2)

PHP bu öğeyi bir sınıf ile etiketlemek sürece jQuery kullanmak daha iyidir.

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