👶🏾 🧛🏼 ⏩ सशर्त टिप्पणियों का उपयोग करने का एक और तरीका 😦 👊🏿 🎿

हैलो खब्रोविट्स, मैं इंटरनेट एक्सप्लोरर के लिए एक वैध हैक का एक और संस्करण साझा करना चाहता था।
चूंकि IE के लिए शैलियाँ बनाना हमेशा सुविधाजनक नहीं होता है, विशेषकर कुछ परियोजनाओं में, जब आप एक फ़ाइल में किसी विशिष्ट पृष्ठ के लिए शैलियाँ देखना चाहते हैं।

मैं इस समस्या को हल करने के लिए दो विकल्पों का वर्णन करना चाहता हूं:

1. जावास्क्रिप्ट का उपयोग करने का विकल्प:

हम एक निश्चित संस्करण के ब्राउज़र के नाम के साथ शरीर के लिए एक वर्ग जोड़ते हैं, सशर्त टिप्पणियां उपयोगकर्ता एजेंट की गलत पहचान के साथ समस्या से छुटकारा पाने में मदद करती हैं

<!--[if IE 7]> <script type="text/javascript"> document.body.className='ie7'; </script> <![endif]--> <!--[if IE 8]> <script type="text/javascript"> document.body.className='ie8'; </script> <![endif]-->

इस स्थिति में, यदि आपको केवल IE के लिए ब्लॉक शैली को बदलने की आवश्यकता है

 <body> <div class="example"> <p>    <strong></strong> ,   </p> </div> </body>

में सीएसएस संकेत:

 .example p{ color: green; } .ie8 .example p{/*  IE 8*/ color: yellow; margin-top: 8px; } .ie7 .example p{/*  IE 7*/ color: red; margin-top: 5px; } .ie7 .example p strong, .ie8 .example p strong{/* IE 7  IE8*/ color: #000; }

लेकिन यह विधि सभी मामलों में उपयुक्त नहीं है, उदाहरण के लिए, जब उपयोगकर्ता के पास जावास्क्रिप्ट अक्षम है।

2. एक अलग फ़ाइल में IE के लिए जावास्क्रिप्ट के बिना और प्रतिपादन शैलियों के बिना विकल्प:

इस विकल्प में शरीर के अंदर या तत्व के आसपास एक विशिष्ट वर्ग के साथ एक आवरण बनाना होता है, जिसे केवल IE ही देखेगा:

 <body> <!--[if IE 7]> <div class="ie7"> <![endif]--> <!--[if IE 8]> <div class="ie8"> <![endif]--> <!--[if lt IE 9]> <div class="lte9"> <![endif]--> <div class="example"> <p>    <strong></strong> ,   </p> </div> <!--[if lt IE 9]> </div> </div> <![endif]--> </body>

या आप IE 7 और IE 8 के लिए एक सामान्य वर्ग के बिना कर सकते हैं

 <body> <!--[if IE 7]> <div class="ie7"> <![endif]--> <!--[if IE 8]> <div class="ie8"> <![endif]--> <div class="example"> <p>    <strong></strong> ,   </p> </div> <!--[if lt IE 9]> </div> <![endif]--> </body>

और सीएसएस में, अल्पविराम द्वारा अलग की गई कक्षाएं निर्दिष्ट करें:

 .example p{ color: green; } .ie8 .example p{/*   8*/ color: yellow; margin-top: 8px; } .ie7 .example p{/*   7*/ color: red; margin-top: 5px; } .ie7 .example p strong, .ie8 .example p strong{ color: #000; }

उदाहरण का उपयोग करें

PS यह विधि विशेष या अद्वितीय नहीं है, लेकिन कुछ मामलों में यह उपयोगी हो सकती है।

सशर्त टिप्पणियों का उपयोग करने का एक और तरीका

1. जावास्क्रिप्ट का उपयोग करने का विकल्प:

2. एक अलग फ़ाइल में IE के लिए जावास्क्रिप्ट के बिना और प्रतिपादन शैलियों के बिना विकल्प:

More articles: