如何设置CSS网格的其他行？

Question

我有一个无限期的div元素（内容/网格项）。我希望他们能够在CSS Grid的定义数量的列中进行布局。 CSS Grid可以很容易地将它们放置出来。但是现在当元素已经到位时，我想以某种方式在结果网格的每一行中设置<div>。

把它看作是将表格的每一行都定义为较暗的颜色。

这个问题可以概括地问：你可以设计一个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网格行不是DOM元素，因此不能由CSS选择。