मूल तत्व में 3 से अधिक तत्वों का चयन करें

Question

क्या सीएसएस के साथ चयन करने का कोई तरीका है, तत्व जिनके पास मूल तत्व के अंदर 6 का इंडेक्स एकाधिक है?

<div> 
    <p></p> 
    <p></p> 
    <p></p> <!--to select --> 
    <p></p> 
    <p></p> 
    <p></p> <!--to select --> 
    <p></p> 
    <p></p> 
    <p></p> <!--to select --> 
</div> 

Answer 1

उपयोग :nth-child(n):

p:nth-child(3n) { 
    background: red 
} 

डेमो: http://jsbin.com/azehum/4/edit

इस विधि IE9 में काम करता है + (स्रोत

उदाहरण के लिए, इस मामले में मैं 3 के ही कई का चयन करना चाहते : caniuse.com)। आप पुराने ब्राउज़र में समर्थन की जरूरत है, तो आप jQuery इस्तेमाल कर सकते हैं तत्वों का चयन करें और उन्हें एक वर्ग को जोड़ने के लिए:

$("p:nth-child(3n)").addClass("redbg"); 

Answer 2

सीएसएस में nth चयनकर्ता का उपयोग

p:nth-child(6n) {/*css here*/} 

see more here