如何从最后一个元素开始选择第二个元素？

【问题标题】：how to pick second element starting from the last one?如何从最后一个元素开始选择第二个元素？
【发布时间】：2017-01-20 11:02:33
【问题描述】：

我有两个元素，它们具有相同的类，我想从最后一个元素开始选择第二个元素。（我希望图片能告诉你一切）

我尝试了nth-child，但我的两个元素具有相同的类，这就是为什么我不能使用nth-child 任何想法？

【问题讨论】：

标签： html css css-selectors pseudo-class

【解决方案1】：

您可以使用nth-last-child(2) 或nth-last-of-type(2)，这将选择倒数第二项。

li {
  display: inline-block
}
li:nth-last-child(2) {
  color: red
}

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>
<hr />
<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

【讨论】：