使用CSS设置后一个和后一个<li>标签的样式

Question

有没有办法<li>使用CSS设置最后和第二个标签的样式.我尝试使用ul li:nth-child(6)并给了padding-top:10px;它,但填充顶部正在改变所有菜单.

<ul>
    <li><a href="#"><span>Menu 1</span></a></li>
    <li><a href="#"><span>Menu 2</span></a></li>
    <li><a href="#"><span>Menu 3</span></a></li>
    <li><a href="#"><span>Menu 4</span></a></li>
    <li><a href="#"><span>Menu 5</span></a></li>
    <li><a href="#"><span>Menu 6</span></a></li>
    <li><a href="#"><span>Menu 7</span></a></li>
</ul>

有没有其他方法可以解决这个问题,或者我在CSS中遗漏了什么？对你的帮助表示感谢!

谢谢

Answer 1

与其他类似的建议一样,此解决方案不适用于某些旧版浏览器:

ul li:last-child, ul li:nth-last-child(2) {
  padding-top: 10px;
}

这样,样式表不依赖于列表中的特定项目数.