昨日ここに書いたCSSファイルのmedia判別をさせる@importの記載方法での追記?訂正?です。。。

昨日紹介した@importの、

【1】
@media all { @import url(“common.css”); }
@media print { @import url(“print.css”); }

【2】
@import url(“common.css”) all;
@import url(“print.css”) print;

の2通りの書き方。

それぞれの記述は推奨されていない書き方ではないのですが、IEでは正常に認識されない問題がありました…

mediaをprintとしてもそのページをブラウザ上で開いた際(本来はscreen)、表示の一発目はprint用のCSSファイルも読み込んでしまいます。
そしてブラウザをリロードさせると正常にprint用として判別してくれるようになります。

などなど、IEだと何かと不都合が…

CSSファイル内でmedia判別を可能にすることは理想的ですが、今のところはやはり、

<link rel=”stylesheet” type=”text/css” href=”common.css” media=”all” />
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />

のソース上で判別させるやり方が無難なようです…

……IEってやつは。。。