如何设置CSS网格的其他行?
问题描述:
我有一个无限期的div
元素(内容/网格项)。我希望他们能够在CSS Grid的定义数量的列中进行布局。 CSS Grid可以很容易地将它们放置出来。但是现在当元素已经到位时,我想以某种方式在结果网格的每一行中设置<div>
。如何设置CSS网格的其他行?
把它看作是将表格的每一行都定义为较暗的颜色。
这个问题可以概括地问:你可以设计一个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;
}
你能否包括任何代码的问题,谢谢 – sol
@ovokuro当然,你去:) – wiktus239