我正在寻找一个CSS选择器,让我选择列表的前最后一个孩子。
@H_404_2@<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>
静态方法:
@H_404_2@ul li:nth-child(5)动态方法:
@H_404_2@ul li:last-child(-1)这当然不验证,也nth-last-child似乎不提供一个动态的方式..我可以回退到javascript,但我想知道是否有一个css的方式我忽略
解决方法
你可以使用
:nth-last-child()
;事实上,除了
:nth-last-of-type()
我不知道你还能使用什么。我不知道你是什么意思是“动态的”,但如果你的意思是样式是否适用于新的第二个孩子,当更多的孩子被添加到列表,是的,它会的。
Interactive fiddle.
@H_404_2@ul li:nth-last-child(2)