我有一个表格布局 - 每行4列。我正在使用CSS网格布局。
假设可能有无限数量的项目。
<div class="grid">
<div class="item"></div>
<div class="item"></div>
<!-- ... -->
</div>
如果项目数量可能是无限的,我该如何选择每行的两个中间项目。例如,对于前三行,我需要选择:
nth-child(2)
、nth-child(3)
、nth-child(6)
、nth-child(7)
、nth-child(10)
和nth-child(11)
。如果硬编码样式到一个特定数字上,假设没有无限数量,则可以解决问题。但是,如果有一种动态实现的方法,我更倾向于使用它。请参考下图进行操作:![enter image description here](https://istack.dev59.com/WazYw.webp)