You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在CSS中选中列表里特定规律的连续2个li元素?

解决:nth-child选择器匹配特定连续元素的问题

要选中你描述的这些<li>元素,直接用两个:nth-child选择器组合就能实现,精准匹配符合规律的位置:

li:nth-child(4n + 2),
li:nth-child(4n + 3) {
  /* 自定义样式 */
}

原理说明:

  • 4n + 2 匹配第2、6、10、14、18个元素(n从0开始取值:0×4+2=2,1×4+2=6,以此类推)
  • 4n + 3 匹配第3、7、11、15、19个元素(n从0开始取值:0×4+3=3,1×4+3=7,以此类推)

两者组合后,正好覆盖你需要的第2-3、6-7、10-11…所有连续元素组。

内容的提问来源于stack exchange,提问作者Momofr

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 23:30:55