CSS नियम ".drop.a" वर्ग के लिए लागू किया जा रहा "खींचें एक"

Question

मैं निम्नलिखित HTML मार्कअप है:

<div class="drag a"></div> 
<div class="drop a"></div> 

मैं भी निम्न CSS नियम है, जो केवल मेरी 2nd div करने के लिए लागू किया जाना चाहिए है :

.drop.a 
{ 
    background-color:red; 
} 

यह ठीक काम कर रहा है इंटरनेट एक्सप्लोरर 9 CSS नियम दोनों तत्वों के लिए लागू किया जा रहा है को छोड़कर।

यह क्यों है? मैंने सोचा कि इस प्रकार का सीएसएस सभी ब्राउज़रों के साथ सार्वभौमिक रूप से संगत था?

Answer 1

मैंने सोचा कि इस प्रकार का सीएसएस सभी ब्राउज़रों के साथ सार्वभौमिक रूप से संगत था?

नहीं। IE up to and including version 6 ignores all class selectors in a chain except the last one. आईई 9 आपके पेज को क्विर्क मोड में प्रस्तुत कर रहा है, जिसका अर्थ है कि यह अपने पूर्ववर्तियों की तरह कार्य करेगा, और इसके .drop.a चयनकर्ता को .a के बजाय चयनकर्ता का इलाज करेगा।

अपने पृष्ठ पर एक डॉक्टरेट घोषणा जोड़ने का प्रयास करें और देखें कि यह ठीक करता है या नहीं। यदि आपके पास पहले से ही आपके पृष्ठ पर कोई है और आप अभी भी यह व्यवहार देख रहे हैं, तो कुछ और गलत है।