2013-04-15 69 views
0

甚至不確定這可以做到。還沒有看到任何這樣的例子。選擇交替組4

我想然後再配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小時的時間表。這樣,每個小時都會突出顯示。

+0

你在找算法嗎?這是否在數據庫的上下文中(即SQL查詢)?或者是什麼..? –

+0

非常抱歉。正如標題中提到的,這是一個CSS選擇器。 所以我正在尋找像li:nth-​​child(4n + 1)或somesuch這樣的算法。技巧是什麼CSS選擇器算法是有限的。 – DaveC426913

+0

我發現我的表格有固定的行數。這意味着,最糟糕的情況下,我總是可以手動製作所有12個選擇器。 – DaveC426913

回答

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

+0

你是對的,它很簡單。我一直在毆打自己,試圖爲你提供一個答案,並一直在推翻它。做得很好。 –