Css 如何在奇数行和偶数行之间交替选择子行数?

Css 如何在奇数行和偶数行之间交替选择子行数?,css,flexbox,css-grid,Css,Flexbox,Css Grid,我搜索了一下,但是使用CSS flexbox,当我想显示奇数行的3个项目和偶数行的2个项目时,出现了一个问题 我的想法是这样的: 我尝试过使用某种类型的第n个孩子选择器,但这不是完整的解决方案。n-child5n将是重复模式所需的起点,négative value added可以使其在前五个元素之前开始,因此您可以调整它,使其具有连续的前三个元素 可能的例子: 弯曲 身体{ 显示器:flex; 柔性包装:包装; 间距:1米; } div{ 柔性生长:1; 最小宽度:30%; /*额外的*/

我搜索了一下,但是使用CSS flexbox,当我想显示奇数行的3个项目和偶数行的2个项目时,出现了一个问题

我的想法是这样的:


我尝试过使用某种类型的第n个孩子选择器,但这不是完整的解决方案。

n-child5n将是重复模式所需的起点,négative value added可以使其在前五个元素之前开始,因此您可以调整它,使其具有连续的前三个元素

可能的例子:

弯曲 身体{ 显示器:flex; 柔性包装:包装; 间距:1米; } div{ 柔性生长:1; 最小宽度:30%; /*额外的*/ 背景:05709C; 高度:15vh; 边界半径:0.5em; } /*早点开始*/ 分区:N-child5n-11, 分区:N-child5n-10{ 最小宽度:40%; }
n-child5n将是您需要从重复模式开始的,négative value added可以使其在前五个元素之前开始,因此您可以调整它,使其具有连续的前三个元素

可能的例子:

弯曲 身体{ 显示器:flex; 柔性包装:包装; 间距:1米; } div{ 柔性生长:1; 最小宽度:30%; /*额外的*/ 背景:05709C; 高度:15vh; 边界半径:0.5em; } /*早点开始*/ 分区:N-child5n-11, 分区:N-child5n-10{ 最小宽度:40%; }
完全可以使用CSS网格和flexbox。您尝试了什么,请使用CSS网格和flexbox使?完全成为可能。你试过什么,请做一个分析?你使用5n-11,5n-10有什么原因吗?因为它可以与5n-1一起工作,5n也可以@doğukan:可惜op没有发现它,并对它进行了调整,以检查它是如何工作的。嘿,@doğukan感谢它也起了作用,谢谢!公式是:奇数行项目计数+偶数行项目第n行,奇数行项目计数+偶数行项目第n-1行,奇数行项目计数+偶数行项目第n-2行。。。等等,你有什么理由用5n-11,5n-10吗?因为它可以与5n-1一起工作,5n也可以@doğukan:可惜op没有发现它,并对它进行了调整,以检查它是如何工作的。嘿,@doğukan感谢它也起了作用,谢谢!公式是:奇数行项目计数+偶数行项目第n行,奇数行项目计数+偶数行项目第n-1行,奇数行项目计数+偶数行项目第n-2行。。。等等