अजीब और यहां तक ​​कि पंक्तियों पर विभिन्न सीएसएस शैली

Question

क्या यह संभव है, केवल सीएसएस का उपयोग करके, गतिशील रूप से जेनरेट की गई तालिका के लिए अलग-अलग शैलियों को सेट करने के लिए, जब मैं संग्रह को पुन: सक्रिय करता हूं तो प्रत्येक पंक्ति पर सही शैली निर्धारित किए बिना अलग-अलग शैलियों को सेट करना संभव है?

Answer 1

मुझे यकीन है कि इस पार ब्राउज़र काम करेंगे नहीं हूँ उपयोग कर सकते हैं, मैं jQuery अपने आप को पसंद करते हैं, लेकिन सीएसएस-केवल इस चाल करना चाहिए:

tr:nth-child(even) { ... } 
tr:nth-child(odd) { ... } 

Answer 2

आप nth-child चयनकर्ता http://reference.sitepoint.com/css/pseudoclass-nthchild का उपयोग कर सकते हैं, हालांकि यह सभी ब्राउज़रों द्वारा समर्थित नहीं है।

तुम भी jQuery के रूप में वर्णित What is the best way to style alternating rows in a table?

Answer 3

आप इसे CSS3 के साथ कर सकते हैं।

tr:nth-child(2n+1) /* targets all odd rows */ 
tr:nth-child(2n) /* targets all even rows */ 

Answer 4

आप बस jQuery का उपयोग करें और के रूप में

.odd{background-color:#657383}