Html 带CSS的分组序列：第n个子

ul，li{
显示：块；
保证金：0；
填充：0；
列表样式：无；
}
李{
背景：黑色；
颜色：白色；
填充：10px；
}
李：第n个孩子（2n+2）{
背景：红色；
}
李：第n个孩子（3n+3）{
背景：绿色；
}
李：第n个孩子（4n+4）{
背景：蓝色；
}

一个
两个
三
四
五
六
七
八
九
十
十一
十二

给定第n个子项的语法

：第n个子项（）

您需要使用

4n+b

所以

对于背景

red

来说，它将是

4n+2

so、

4x0+2

、

4x1+2

、

4x2+2

等等，这将为您提供元素2、6、10

对于背景

green

来说，它将是

4n+3

所以，

4x0+3

，

4x1+3

，

4x2+3

等等，这将为您提供元素3、7、11

对于背景

'blue

，它将是

4n+4

所以，

4x0+4

，

4x1+4

，

4x2+4

等等，这将为您提供元素4、8、12

如果您在

li

ul，li{
显示：块；
保证金：0；
填充：0；
列表样式：无；
}
李{
背景：黑色；
颜色：白色；
填充：10px；
}
李：第n个孩子（4n+2）{
背景：红色；
}
李：第n个孩子（4n+3）{
背景：绿色；
}
李：第n个孩子（4n+4）{
背景：蓝色；
}

一个
两个
三
四
五
六
七
八
九
十
十一
十二

您可以使用第n个子项执行此操作，如下所示

因为索引1、5和9需要黑色，所以可以处理4n+1 红色表示指数2、6、10，可以用4n+2处理

检查此代码段

ul，
李{
显示：块；
保证金：0；
填充：0；
列表样式：无；
}
李{
背景：黑色；
颜色：白色；
填充：10px；
}
李：第n个孩子（4n+1）{
背景：黑色；
}
李：第n个孩子（4n+2）{
背景：红色；
}
李：第n个孩子（4n+3）{
背景：绿色；
}
李：第n个孩子（4n+4）{
背景：蓝色；
}

一个
两个
三
四
五
六
七
八
九
十
十一
十二

AFAIK

[of#]？

语法在任何地方都不受支持。@Oriol tbh我从中获得了语法，但yes看起来像选择器级别4中的WD感谢您的解释！欢迎光临@Oriol I将答案更新为不包含选择器级别4的语法，