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似乎也没有提供动态方式。

您可以使用: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");
});