如何用CSS网格渲染它？

Question

你好，有人可以帮忙告诉我如何用css网格渲染这个吗？ 实际上我用jQuery做了这个，但我知道我可以用css网格做到这一点。 我希望每行的每个第二个元素都是偏移的。

谢谢

Answer 1

如果你的列每3行以行div分隔，你可以使用.col：nth-​​child（2）来选择第二列。

如果你的所有列都在同一行div中，你可以使用.nth-child（3n + 2）。

来自w3schools的更多信息

  

使用公式（a + b）。描述：a表示循环大小，n是计数器（从0开始），b是偏移值。