html – 选择一半元素:nth-??child?
发布时间:2020-12-14 18:31:22 所属栏目:资源 来源:网络整理
导读:以下面的代码为例: ul liHello World/li liHello World/li liHello World/li liHello World/li/ul 是否有可能使用:nth-??child()或其他方式来精确选择总元素的一半?代码应该在上面的例子中选择第一个/最后两个lis,然后如果我要将lis的数量增加到6,它将选
以下面的代码为例:
<ul> <li>Hello World</li> <li>Hello World</li> <li>Hello World</li> <li>Hello World</li> </ul> 是否有可能使用: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)); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |