1. 首页
  2. 问题
  3. 是否可以选择第n个孩子的最后n个项目？
小编典典

是否可以选择第n个孩子的最后n个项目？

css

使用标准列表，我尝试选择最后2个列表项。我有多种排列方式，An+B但似乎没有什么可以选择最后2种：

li:nth-child(n+2) {} /* selects from the second onwards */
li:nth-child(n-2) {} /* selects everything */
li:nth-child(-n+2) {} /* selects first two only */
li:nth-child(-n-2) {} /* selects nothing */

我知道类似CSS3的新选择器，:nth-last-child()但如果可能的话，我更喜欢一些可以在更多浏览器中使用的选择器（不必特别在意IE）。


阅读 287

收藏
2020-05-16

共1个答案

小编典典

这将选择列表的最后两个项目：

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


<ul>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

  <li>fred</li>

</ul>
2020-05-16