CSS最后一个孩子（-1）

我正在寻找一个CSSselect器，让我select列表的最后一个孩子。

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

dynamic方法：

 ul li:last-child(-1) 

这当然不validation，也是第n个最后一个孩子似乎并没有提供一个dynamic的方式..我可以备份到JavaScript，但我想知道是否有一种CSS方式我忽略

Answer 1

你可以使用:nth-last-child() ; 实际上，除了:nth-last-of-type()我不知道你还能用什么。 我不确定你是什么意思的“dynamic”，但如果你的意思是风格是否适用于新的倒数第二个孩子，当更多的孩子被添加到列表中，是的。 互动小提琴。

 ul li:nth-last-child(2) 

Answer 2

除非你能让PHP用一个类来标记这个元素，否则你最好使用jQuery。

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