如何设置 CSS Grid 的每一行的样式？ [复制]

Question

我有无限数量的div 元素（内容/网格项）。我希望他们在定义数量的 CSS Grid 列中进行布局。 CSS Grid 很容易将它们排列出来。但是现在，随着元素就位，我想以某种方式在结果网格的每隔一行中设置<div>s 的样式。

将其视为将表格的每一行设置为更深的颜色。

这个问题可以概括为：你可以为 CSS Grid 的任意行/列设置样式吗？

建议的情况：

<div class="content-grid">
    <div class=""content-grid__item></div>
    <div class=""content-grid__item></div>
    <div class=""content-grid__item></div>
    ...

</div>

它的 css：

.content-grid {
    display: grid;
    grid-template-columns: 77px 77px 77px;
}

.content-grid__item {
    background-color: red;
}

理想世界的最佳解决方案：

// pseudocode
.content-grid:nth-row(odd) .content-grid__item {
    background-color: darkred;
}

Answer 1

你不能……

CSS Grid 行不是 DOM 元素，因此不能被 CSS 选择。