cssの@importの記述方法について

@import “hoge.css”;

とか

@import url(“hoge.css“);

などいろいろ記述方法があるようだが、違いは？と今さらながら勉強…

@import url(“hoge.css“);
の場合、
除 NC4 & WinIE3
Netscape6, MacIE3以降, WinIE4以降は対応している。
｢”｣で括るとMacIE4.5は認識しない
｢’｣で括るとMacIEは認識しない

 @import “hoge.css”;
の場合、
除 IE3 & IE4.0 & NC4
Netscape6, MacIE4.5以降, WinIE5以降は対応している。
｢’｣で括るとMacIEは認識しない

 さらに…

@import url(“hoge.css”) all;
@import url(“hoge.css”) screen, print;
の場合、
除 IE3 & IE4 & NC4 & WinIE5/6
Netscape6, MacIE5は対応している。引用符(“)を用いなければMacIE4.5でも認識し、アポストロフィー(‘)で括るとIEは認識しなくなる。

@import “hoge.css” all;
@import ‘hoge.css’ screen, print;
の場合、
除 IE3 & IE4 & IE5/6 & NC4
Netscape6は対応している。

ということは、
@import url(“hoge.css”) print;
@import ‘hoge.css’ print;
だとIE6は非対応？
検証したいが、IE６はMultipleIEsを使っていて、印刷プレビューとかバグってて検証できない。

今は下記のように印刷用を記述しているのだが、cssをまとめてインポートする時の記述方法を知りたい。
<link href=”hogeprint.css” rel=”stylesheet” type=”text/css” media=”print” />

ちなみに、IEでは1ファイルに@importで読み込めるファイルは31まで！
そもそもそんなに読み込むことはないとは思うが…。

【参考】
http://east.portland.ne.jp/~sigekazu/css/boxm.htm

関連記事

• IEのバージョン別に読み込むCSSを変える+CSSハックメモ
• Flash（swf）をlightbox風に表示させたい【IE6対応】【FancyBox】【jQuery】