@import फ़ायरफ़ॉक्स में काम नहीं कर रहा 3.0.3

Question

यह है कि मैं क्या है, जो IE7 में काम करता है, लेकिन नहीं फ़ायरफ़ॉक्स में है:

@media screen { @import 'screen.css'; } 

यह फ़ायरफ़ॉक्स में @media ब्लॉक के बाहर काम करता है:

@import 'screen.css'; 

अद्यतन:

यह काम करता है:

@media screen { 

    .yui-d3f 
    { 
     border: 1px solid #999; 
     height: 250px; 
    } 

} 

मुझे क्या याद आ रही है?

Answer 1

फ़ायरफ़ॉक्स है सीएसएस 2 विनिर्देश के बाद, जबकि आईई तेजी से और ढीला खेल रहा है, जैसा कि यह था।

सटीक कारण यह है कि @import वैकल्पिक @charset निर्देश के बाद निर्देश पहला निर्देश होना चाहिए। वे किसी भी ब्लॉक के अंदर प्रकट नहीं हो सकते हैं। यदि आप केवल एक मीडिया प्रकार पर लागू करने के लिए @import चाहते हैं, तो निर्दिष्ट यूआरआई के बाद निर्दिष्ट करें।

यहां सीएसएस 2 विनिर्देश का प्रासंगिक खंड है: 6.3 The @import rule।

Answer 2

ठीक है, तो फ़ायरफ़ॉक्स विधि मैं चुना है, के पक्ष में पसंद नहीं करता:

@import 'stylesheet.css' media_type; 

लेकिन IE7 इस विधि समझ में नहीं आता है, लेकिन यह अच्छा हो सकता है:

@import 'firefox-screen.css' screen; 
@media screen { @import 'IE7-screen.css'; }