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

Question

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

我试过 nth-child 但我的两个元素具有相同的 class 这就是为什么我不能用 nth-child 做任何想法？

Answer 1

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

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>

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

how to pick second element starting from the last one?

html

css

css-selectors

pseudo-class