こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

@import ハックについて

初心者になります。
@importハックですがどう作業していいかがわからないです。

<link rel="stylesheet" type="text/css" media="screen,tv" href="○○○.css"/>
mediaをscreen以外にする。これでNN4を読みこませなくなることはわかりました。
1.ここの○○○.cssのファイル名はなんでもよろしいですか。

次にリンク先のCSSファイルの中に
@import "○○○.css";
を記述する。これでIE4を読み込まなくする。
2.ここの@import○○○.cssのファイル名はlink要素で指定したファイル名と一緒にしないといけないのですか。
3.実際に適用するCSSはこのファイルに記述をしていいですか。
4.@importで指定したファイル名の中身は空白でいいのですか。

実際のやり方がわからないです。
ご存知のかた、いらしたら
教えていただけるとありがたいです。
よろしくお願い致します。

投稿日時 - 2009-02-21 13:08:34

QNo.4736356

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

一番最後ハックの訂正です。

■NN7.0以下(winの場合)、Opera5以下、Safari1.2以下、Konqueror3.5.5以下を拒否
@import url(" style.css ");

投稿日時 - 2009-02-21 13:48:28

ANo.1

@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 ";

投稿日時 - 2009-02-21 13:41:59

お礼

こんなに丁寧に書いていただきありがとうございました!!
どの参考書をみても載ってなかったので質問してみました。
大変に参考になりました。

投稿日時 - 2009-02-21 17:05:31

あなたにオススメの質問