如何设置CSS网格的每一行的样式？

Question

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

将其视为每一行表格样式为深色。

这个问题可以概括为问：你可以设计一个CSS网格的任意行/列吗？

建议情况：

<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网格行不是DOM元素，因此无法通过CSS选择。