：nth-​​child选择一半的元素？

  • Z时代
  • 2024-01-10
  • 分类：问答

以以下代码为例：

<ul>
  <li>Hello World</li>
  <li>Hello World</li>
  <li>Hello World</li>
  <li>Hello World</li>
</ul>

是否可以使用:nth-child()或不选择全部元素的 ？在上面的例子中，代码应该选择前/后 两个li

s，然后如果我将lis 的数量增加到六个，它将选择前/后 三个 。

我觉得我将不得不使用JavaScript …

回答：

在纯CSS中，您能够获得与之 的唯一方法是对nth-child(odd)或进行选择nth-

child(even)。如果您只需要最后一半（而不是奇数或偶数），则必须使用JavaScript / jQuery。

使用jQuery，您可以使用以下命令获取它们：

var yourList = $("ul li");
yourList = yourList.slice(0, Math.floor(yourList.length/2));

以上是 ：nth-​​child选择一半的元素？ 的全部内容， 来源链接： utcz.com/qa/405685.html

回到顶部