CSS3：如何選擇每個第四和第五個元素

我對這些選擇器很陌生，我想知道如何去做這樣的事情。CSS3：如何選擇每個第四和第五個元素

我的選擇器需要選擇第4和第5個元素，但它需要繼續這樣做。所以它需要選擇4,5,9,10,14,15等等。

這怎麼可能？此刻，我可以選擇每隔三個這樣的項目：

.pure-g-r .pure-u-1-3:nth-child(3n+3)

但我不知道如何將其轉換成我所需要的。

感謝您的任何幫助。

2013-09-22 Phill

伊莫你不必在一個選擇器中選擇它。你可以這樣做：'.pure-gr .pure-u-1-3：n-child（3n + 1），.pure-gr .pure-u-1-3：n-child（3n + 2 ）' – Fallup

您不能按照「4,5,9,10,14,15」的順序選擇它們。 9是什麼4n + 1，14是什麼4n + 2，所以這不是「每個」元素，而是一些隨機的。 – drip

@drip查看我的回答。 – Itay

實際上，你要選擇每對夫婦從第4和第5個元素，用5

所以跳躍，只需要使用下面的兩個逗號分隔的選擇。

.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n)

Result

2013-09-22 10:08:14 Itay

好的，我明白了，你是對的 –

@ABFORCE順便說一句 - 在你的（刪除的）答案中寫選擇器的一種更好的方法就是簡單的「：nth-child（n + 4）'。不需要使用'不'＃ – Itay

感謝您的幫助:) –

.pure-u-1-3:nth-child(5n + 4), .pure-u-1-3:nth-child(5n){ 
    color:red; 
}

2013-09-22 11:33:16

回答