import في Media لا تعمل في Firefox 3.0.3

Question

هذا ما لدي ، والذي يعمل في IE7 ، ولكن ليس في Firefox:

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

إنه يعمل خارج كتلة Media في Firefox:

@import 'screen.css';

تحديث:

هذا يعمل:

@media screen { 

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

}

ماذا ينقصني؟

Answer 1

يتبع Firefox مواصفات CSS2 ، بينما يلعب IE سريعًا وفضفاضًا ، كما كان.

السبب الدقيق هو ذلك @import يجب أن تكون التوجيهات هي التوجيهات الأولى بعد الاختيارية @charset التوجيه. لا يمكن أن تظهر داخل أي كتلة. إذا كنت تريد @import للتطبيق على نوع وسائط واحد فقط ، حدد أنه بعد URI المستورد.

فيما يلي القسم ذي الصلة من مواصفات CSS2: 6.3 @import قاعدة.

Answer 2

حسنًا ، لذلك لا يحب Firefox الطريقة التي اخترتها ، لصالح:

@import 'stylesheet.css' media_type;

لكن IE7 لا يفهم هذه الطريقة ، لكن هذا قد يكون جيدًا:

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