如何在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
相关产品推荐
相关产品推荐

