我正在寻找一个 CSS 选择器,它可以让我选择列表的倒数第二个child。
<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()我不知道你还能用什么。我不确定您所说的“动态”是什么意思,但如果您的意思是当更多孩子添加到列表中时该样式是否适用于新的倒数第二个孩子,是的。交互式小提琴。
:nth-last-child()
:nth-last-of-type()
ul li:nth-last-child(2)