Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
仅使用css每行每分区交替颜色_Css_Css Selectors - Fatal编程技术网

仅使用css每行每分区交替颜色

仅使用css每行每分区交替颜色,css,css-selectors,Css,Css Selectors,我想知道仅使用CSS是否可行: Black White White Black Black White White Black 这个名字代表我想要的颜色背景。在本文中,我对它进行了硬编码,以准确显示我想要的是什么,但是div的数量是动态的,所以我不知道会有多少 如何实现这一点?您需要在此处使用 选项1 第一个选项需要使用2个选择器 第一个处理网格左栏中div的样式。将这些数字编号为1,5,9,13,。。。可以表示为4n-3(4*1-3=1,4*2-3=5,4*3-3=9,4*4-3=13,…

我想知道仅使用CSS是否可行:

Black White
White Black
Black White
White Black
这个名字代表我想要的颜色背景。在本文中,我对它进行了硬编码,以准确显示我想要的是什么,但是div的数量是动态的,所以我不知道会有多少

如何实现这一点?

您需要在此处使用


选项1

第一个选项需要使用2个选择器

第一个处理网格左栏中div的样式。将这些数字编号为1,5,9,13,。。。可以表示为
4n-3
(4*1-3=1,4*2-3=5,4*3-3=9,4*4-3=13,…)。如果愿意,也可以表示为
4n+1

第二个选择器用于处理右列中div的样式,它更简单,因为它只是每四个
div
,可以表示为
4n
(4*1=4,4*2=8,4*3=12,4*4=16,…)

div{
背景:#fff;
显示:内联块;
高度:100px;
宽度:50%;
}
分区:第n个孩子(4n-3),分区:第n个孩子(4n){
背景:#000;
}

我向你鞠躬,我的国王。旁注:你可以在1分钟内接受回答:/很好地使用了第n个child,很高兴看到它在没有我更新上面的答案的情况下完成了,包括第二个选项,它只使用一个选择器。