用于选择最后两个子项的 CSS 选择器，而无需知道列表中有多少项

Question

我有一个无序列表。它有时包含 4、5、6 或 7 个元素。我想知道是否有一个 CSS 选择器来选择最后两个元素。我意识到 :last-child会给我最后一件。是否有“倒数第二个 child ”选择器？或“ child 数-2”选择器？

HTML:

<ul>
  <li>First Item</li>
  <li>Second Item</li>
  <li>Second from Last Item</li>
  <li>Last Item</li>
<ul>

CSS:

ul li:last-child, ul li:last-child-1 {
  // Do something
}

我意识到 :last-child-1不是选择器，但我希望那里有类似的东西。任何帮助将不胜感激。

Answer 1

ul li:nth-last-child(-n + 2) {
    /* .. */
}