CSS ลูกคนสุดท้าย (-1)

ฉันกำลังมองหาตัวเลือก css ที่ให้ฉันเลือกรายการย่อยก่อนหน้าของรายการ

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

วิธีการคงที่:

ul li:nth-child(5)

วิธีการแบบไดนามิก:

ul li:last-child(-1)

ซึ่งแน่นอนว่าไม่ได้ตรวจสอบได้เช่นกัน nth-last-child ดูเหมือนจะไม่ได้ให้วิธีแบบไดนามิก .. ฉันสามารถย้อนกลับไปที่จาวาสคริปต์ แต่ฉันสงสัยว่ามีวิธี CSS ที่ฉันมองข้าม

คุณสามารถใช้:nth-last-child(); ที่จริงแล้ว:nth-last-of-type()ฉันไม่รู้ว่าคุณจะใช้อะไรได้อีก ฉันไม่แน่ใจว่าคุณหมายถึงอะไร "ไดนามิก" แต่ถ้าคุณหมายถึงว่าสไตล์นั้นใช้กับลูกคนที่สองคนสุดท้ายเมื่อมีเด็กเพิ่มเข้ามาในรายการหรือไม่ ซอแบบโต้ตอบ

ul li:nth-last-child(2)

ถ้าคุณไม่สามารถทำให้ PHP ติดเลเบลองค์ประกอบนั้นด้วยคลาสคุณควรใช้ jQuery

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