无论你有多少元素,在最后一个使用第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;
}

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

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

关于:nth-last-child:

:nth-​​last-child(an + b)CSS伪类匹配在文档树中具有+ b-1兄弟的元素,对于n的给定正值或零值,并且具有父元素.

实际上,它的作用与:nth-​​child相同,除了它选择从元素系列的末尾向后计数的项目,而不是从开始.