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

小编典典

css

以以下代码为例：

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

是否可以使用:nth-child()或不选择全部元素的一半？在上面的例子中，代码应该选择前/后两个 li
s，然后如果我将lis 的数量增加到六个，它将选择前/后三个。

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

阅读 594

2020-05-16

共1个答案

小编典典

在纯CSS中，您能够获得与之接近的唯一方法是对nth-child(odd)或进行选择nth- child(even)。如果您只需要最后一半（而不是奇数或偶数），则必须使用JavaScript / jQuery。

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

var yourList = $("ul li");

yourList = yourList.slice(0, Math.floor(yourList.length/2));

2020-05-16