सीएसएस वें वाले बच्चे 1-6, 7-12, आदि

Question

मैं स्टाइल बच्चों आइटम पर प्रयास कर रहा हूँ के रूप में

1,7,13 इस प्रकार, आदि

2,8,14, आदि

3,9,15, आदि

4,10,16, आदि

5,11,17, आदि

6,12,18, आदि

यह प्राप्त करने के लिए मैं किस एनएच-बाल वाक्यविन्यास का उपयोग कर सकता हूं?

Answer 1

आप :nth-child(6n+1), :nth-child(6n+2), :nth-child(6n+3), :nth-child(6n+4) आदि ..

संदर्भ का उपयोग कर सकते हैं: http://w3.org/TR/css3-selectors/#nth-child-pseudo, http://w3.org/TR/css3-selectors/#selectors (धन्यवाद @NayukiMinase)

इसके अलावा, एक बहुत अच्छा उदाहरण यहाँ है: Useful :nth-child Recipes - CSS-Tricks

Answer 2

पढ़ने स्पष्टीकरण कैसे nth-child काम करता है here।

आप 6 एन + एक्स का उपयोग कर सकते हैं, जहां आपको एक्स के लिए उचित संख्याएं डालना है।

Answer 3

इस सरल गणित समीकरण का उपयोग करें: nd + एक

here a : first element index 
    n : n 
    d : difference 

Example: 1,7,13,etc 
here a : 1 
    n : n 
    d : 6 
    So the pseudo selector will be :nth-child(6n + 1) 

आशा इस मदद की :)