質問: @import ハックについて 初心者になります。 @importハックですがどう作業していいかがわからないです。 mediaをscreen以外にする。これでnn4を読みこませなくなることはわかりました。 1.ここの○○○.cssのファイル名はなんでもよろしいですか。 次にリンク先のcssファイルの中に @import "○○○.css"; を記述する。これでie4を読み込まなくする。 2.ここの@import○○○.cssのファイル名はlink要素で指定したファイル名と一緒にしないといけないのですか。 3.実際に適用するcssはこのファイルに記述をしていいですか。 4.@importで指定したファイル名の中身は空白でいいのですか。 実際のやり方がわからないです。 ご存知のかた、いらしたら 教えていただけるとありがたいです。 よろしくお願い致します。
回答: @importハックを使う前に、@import本来の使い方を理解された方が良いと思います。 1.はなんでもかまいません。 2. 3. 4. まずcssを2つ作ります。片方にはスタイルを記述し(こっちを仮にmain.cssとします)、もう片方には@importでmain.cssを指定します。(@importの書かれたほうをimport.cssとします) @importが指定されたcssの中は極力それ以上記述しない方が良いと思います。 @importの書かれたcssの方をhtml側からlink要素で指定します。 これで、html → import.css → main.css という順に読み込みます。 ちなみに@importのハックはいろんな種類があります。 以下パターンを書いてみます。ちょっとしたスペースで結果が違ってくるので、確認しないブラウザは極力外す方が良いと思います。 ちなみに確認しきれてないブラウザが他にもあります。 リンクされているのはstyle.cssです。 ■ie5.0以下、nn4.x以下、macie5.2以下を拒否 @import'style.css'; @import"style.css"; ■ie4以下、nn4.x以下、macie5.2以下を拒否 @import 'style.css'; ■ie4以下、nn4.x以下を拒否 @import "style.css"; ■ie4以下、nn7.0以下(winの場合)、opera5以下、safari1.2以下、konqueror3.5.5以下を拒否 @import " style.css "; ■nn4.x以下を拒否 @import url(style.css); @import url("style.css"); ■nn4.x以下、macie5.2以下を拒否 @import url('style.css'); ■nn7.0以下(winの場合)、opera5以下、safari1.2以下、konqueror3.5.5以下を拒否 @import " style.css ";