无论你有多少元素，选择最后一个使用第n个孩子之前的元素？

Question

好的，所以我正在阅读http://css-tricks.com/how-nth-child-works/（并浏览网页）关于：nth-​​child伪类，我找不到与我所遇到的问题相关的任何内容：

有没有办法选择，例如，最后一个元素，无论你有多少元素？

例如：我在导航栏中有一个水平链接列表，但我需要在最后一个之前选择一个，无论我在该导航栏中有多少链接。

这有意义吗？可以使用：nth-​​child伪类吗？......或者以任何其他方式完成此事？

我已经用这个问题开了好几天了。

感谢。

Answer 1

您可以使用:nth-last-child(2)：

li:nth-last-child(2) {
  color: red;
}

＆＃13;

＆＃13;

li:nth-last-child(2) {
  color: red;
}

＆＃13;

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

关于:nth-last-child：

  

：nth-​​last-child（an + b）CSS伪类匹配具有的元素   在文档树中的a + b-1兄弟姐妹，对于给定的积极或   n的值为零，并且具有父元素。

     

实际上，除了选择项目之外，它的功能与：nth-​​child相同   从元素序列的末尾向后计数，而不是从开始算起。