前端之家收集整理的这篇文章主要介绍了
html – 选择一半元素:nth-child?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下面的
代码为例:
<ul>
<li>Hello World</li>
<li>Hello World</li>
<li>Hello World</li>
<li>Hello World</li>
</ul>@H_502_3@
是否有可能使用:nth-child()或其他方式来精确选择总元素的一半?代码应该在上面的例子中选择第一个/最后两个lis,然后如果我要将lis的数量增加到6,它将选择第一个/最后三个.
我觉得我将不得不使用JavaScript …
你能够在纯CSS中接近任何地方的唯一
方法是在nth-child(奇数)或nth-child(偶数)上做一个选择器.如果你想要完全是后半部分(而不是奇数或偶数),那么你必须使用JavaScript / jQuery.
使用jQuery,你可以使用它们:
var yourList = $("ul li");
yourList = yourList.slice(0,Math.floor(yourList.length/2));@H_502_3@
原文链接:https://www.f2er.com/html/226085.html