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