2013-12-16 45 views
1

如何樣式我的鏈接順序:CSS:第n個孩子()風格的每個第2和第3的相同顏色等

1紅,2號藍色,3藍,紅4,第5紅, 6藍色,藍色的7號等有圖像例如:

enter image description here

+3

你嘗試過什麼?驢子你的問題標題CSS':nth-​​child'持有鑰匙。 – gvee

+0

我嘗試了各種例子,即第n個孩子(3n + 1)給我#1和#4紅色,但我該怎麼做#2和#3變成藍色? – user3108268

+3

'div {background-color:blue;}' – isherwood

回答

4

這是我會怎麼做。

li:nth-child(4n+1), 
li:nth-child(4n+4) { 
    background-color: red; 
} 

li:nth-child(4n+2), 
li:nth-child(4n+3) { 
    background-color: blue; 
} 
+1

工作!謝謝!但是伊舍伍德的解決方法也有效。我不相信自己沒有拿出那個。感謝大家! – user3108268