इंटरनेट एक्सप्लोरर 8 में nth-child() के लिए CSS समर्थन

आधुनिक ब्राउज़र में, CSS nth-child() तत्व आमतौर पर होता है तालिकाओं में ज़ेबरा स्ट्रिपिंग प्रभाव प्राप्त करने के लिए नियोजित। हालाँकि, यह कार्यक्षमता इंटरनेट एक्सप्लोरर 8 में उल्लेखनीय रूप से अनुपस्थित है। इस सीमा को कैसे संबोधित किया जाए:

पॉलीफ़िल दृष्टिकोण:

Selectivizr एक स्थापित पॉलीफ़िल है जो प्रभावी रूप से इंटरनेट एक्सप्लोरर का विस्तार करता है सीएसएस समर्थन. चयनकर्ता को कार्यान्वित करके, आप अपने सीएसएस शैलियों में nth-child() का उपयोग कर सकते हैं। nth-child() कार्यक्षमता का अनुकरण करने का अवसर:

/*li:nth-child(2)*/ li:first-child li {}यह दृष्टिकोण आपको nth-child(2) के व्यवहार की प्रभावी ढंग से नकल करते हुए, दूसरे li तत्व के लिए शैलियों को निर्दिष्ट करने की अनुमति देता है।

/*li:nth-child(2)*/
li:first-child   li {}

हालाँकि यह इम्यूलेशन ट्रिक nth-child(2) जैसे सरल चयनकर्ताओं के लिए काम करती है, लेकिन अधिक जटिल अभिव्यक्तियों जैसे कि निपटने के दौरान यह कम पड़ जाती है nवाँ-बच्चा(2n 1) या nवाँ-बच्चा(विषम)। इंटरनेट एक्सप्लोरर 8 में इन चयनकर्ताओं की सूक्ष्म कार्यक्षमता को दोहराने की क्षमता का अभाव है।