css - 选择 4 个交替组

Question

甚至不确定这是否可以做到。还没有看到任何这样的例子。

我想要 4 行匹配然后 4 行不匹配，等等。

      match: 1,2,3,4, 9,10,11,12, 17, etc.
don't match: 5,6,7,8, 13,14,15,16 etc.

这是一个以 15 分钟为增量的 24 小时时间表。这样，每个小时都会突出显示。

Answer 1

哦，我现在明白了。现在我一直在使用偏移选择器，这非常简单。

:nth-child(8n+1) 将从第一行开始匹配每 8 行。然后我可以添加更多具有其他偏移量的选择器：(8n+2)、(8n+3)、(8n+4)

所以：

li{
    background-color: white;
}
li:nth-child(8n+1),
li:nth-child(8n+2),
li:nth-child(8n+3),
li:nth-child(8n+4){
    background-color: #EEE;
}

现在我得到 4 行灰色，然后是 4 行白色，这正是我想要的。