2013-09-22 5 views
7

मैं इन चयनकर्ताओं के लिए नया हूं और मैं सोच रहा था कि मैं ऐसी चीज करने के बारे में कैसे जाऊंगा।CSS3: प्रत्येक 4 वें और 5 वें तत्व का चयन कैसे करें

मेरे चयनकर्ता को चौथे और 5 वें तत्वों का चयन करने की आवश्यकता है, लेकिन फिर इसे ऐसा करने की आवश्यकता है। तो इसे 4, 5, 9, 10, 14, 15 और इसी तरह का चयन करना होगा।

यह कैसे संभव है? मैं तो जैसे हर तीसरे आइटम का चयन कर सकते हैं इस समय:

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

लेकिन मुझे यकीन है कि कैसे मुझे लगता है कि अनुवाद कर सकते हैं कि मैं क्या जरूरत है में नहीं हूँ।

किसी भी मदद के लिए धन्यवाद।

+0

इमो आपको इसे एक चयनकर्ता में चुनने की ज़रूरत नहीं है। आप इस तरह कुछ जा सकते हैं: '.pure-gr .pure-u-1-3: nth-child (3n + 1), .pure-gr .pure-u-1-3: nth-child (3n + 2) ' – Fallup

+0

आप उन्हें इस तरह के क्रम में नहीं चुन सकते" 4, 5, 9, 10, 14, 15 "। 9 क्या 4 एन + 1 है, 14 क्या 4 एन + 2 है, इसलिए यह "प्रत्येक" तत्व नहीं है, लेकिन कुछ यादृच्छिक है। – drip

+0

@drip मेरा जवाब देखें। – Itay

उत्तर

6

आप वास्तव में की 5.

तो छलांग के साथ, 4 और 5 वीं तत्व से हर दो का चयन करने के लिए, बस नीचे दिए गए दो अल्पविराम से अलग चयनकर्ताओं का उपयोग करना चाहते हैं।

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

jsFiddle Demo

Result

+1

ठीक है, मैं देखता हूं, आप सही हैं –

+0

@ABFORCE बीटीडब्ल्यू - आपके (हटाए गए) उत्तर में चयनकर्ता लिखने का एक बेहतर तरीका बस है: nth-child (n + 4) '। आपकी मदद के लिए धन्यवाद '0' – Itay

+1

का उपयोग करने की आवश्यकता नहीं है :) –

संबंधित मुद्दे