CSS con cuối cùng (-1)

Tôi đang tìm kiếm một bộ chọn css cho phép tôi chọn con trước của danh sách.

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

Phương pháp tĩnh:

ul li:nth-child(5)

Phương pháp động:

ul li:last-child(-1)

Tất nhiên điều đó không hợp lệ, cũng là đứa con cuối cùng dường như không cung cấp một cách năng động .. Tôi có thể dự phòng javascript nhưng tôi tự hỏi liệu có cách nào css tôi bỏ qua không

Bạn có thể sử dụng :nth-last-child(); Thực tế, ngoài ra :nth-last-of-type()tôi không biết bạn có thể sử dụng cái gì khác. Tôi không chắc ý của bạn là "năng động", nhưng nếu bạn muốn nói liệu phong cách đó có áp dụng cho đứa trẻ thứ hai mới khi có thêm trẻ em vào danh sách hay không, thì nó sẽ như vậy. Fiddle tương tác.

ul li:nth-last-child(2)

Trừ khi bạn có thể khiến PHP gắn nhãn phần tử đó với một lớp, tốt hơn là bạn nên sử dụng jQuery.

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