2013-05-14 49 views
0

我想爲4個組中的子元素設置樣式。我需要在nth-child風格中使用什麼表達式?以下更改每個第四個元素的樣式。我想有前四個黑色/白色,第二個四白/黑等尋找n-child風格的表情

ul li:nth-child(4n) { 
    background-color: black; 
    color: white; 
} 
ul li:nth-child(4n+1) { 
    background-color: white; 
    color: black; 
} 

回答

3

它可能有一個更好的辦法,但這樣的工作:

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

​​