CSS last-child(-1)

前端之家收集整理的这篇文章主要介绍了CSS last-child(-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似乎不提供一个动态的方式..我可以回退到javascript,但我想知道是否有一个css的方式我忽略

解决方法

你可以使用 :nth-last-child();事实上,除了 :nth-last-of-type()我不知道你还能使用什么。我不知道你是什么意思是“动态的”,但如果你的意思是样式是否适用于新的第二个孩子,当更多的孩子被添加到列表,是的,它会的。 Interactive fiddle.
ul li:nth-last-child(2)
原文链接:https://www.f2er.com/css/222924.html

猜你在找的CSS相关文章