我有一个div元素列表,我目前正在使用CSS float在两列中显示.我想"替代"这些元素的边框颜色.我在引号中使用了替换,因为我真正想要的是每个"行"中的两个div交替.下面是我想要的最终状态示例:
1blue 2green
3green 4blue
5blue 6green
7green 8blue
如果我只是使用nth-child(偶数)或nth-child(odd),我会在每列中垂直获得相同的颜色,如:
1blue 2green
3blue 4green
5blue 6green
7blue 8green
我想要定位的div位于一个WordPress循环中,所以我对标记没有很多控制(这就是为什么我希望使用CSS nth-child).不幸的是,没有任何标记可以让我针对每个"行".
是否有任何类型的n-child模式可以让我做一些像blue[1], green[2],blue[2],etc无限数量的项目？
我通常对CSS有很好的理解,但这对我的大脑有点伤害,所以提前感谢任何帮助!