Firefox 3.0.3で@mediaの@importが機能しない

StackOverflow https://stackoverflow.com/questions/223833

  •  03-07-2019
  •  | 
  •  

質問

これは私が持っているもので、IE7では動作しますが、Firefoxでは動作しません：

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

Firefoxの@mediaブロックの外側で動作します：

@import 'screen.css';

更新：

これは動作します：

@media screen { 

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

}

不足しているものは何ですか？

役に立ちましたか？

解決

FirefoxはCSS2仕様に準拠していますが、IEは高速かつ緩いプレイをしています。

正確な理由は、 @import ディレクティブは、オプションの @charset ディレクティブの後の最初のディレクティブでなければならないからです。ブロック内に表示することはできません。 @import を1つのメディアタイプのみに適用する場合は、インポートされたURIの後に指定します。

CSS2仕様の関連セクションは次のとおりです。 6.3 @import ルール。

他のヒント

OK、だからFirefoxは私が選んだ方法を好まない、好意的だ：

@import 'stylesheet.css' media_type;

しかしIE7はこの方法を理解していませんが、これは良いかもしれません：

@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top