选择交替的4组

时间:2013-04-15 15:18:00

标签: css css-selectors

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

我希望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.

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

1 个答案:

答案 0 :(得分:4)

哦,我现在看到了。现在,我一直在玩偏移选择器,这非常简单。

: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行白色,正是我想要的。