@import を使ってブラウザに CSS を読み込ませない方法

特定のブラウザに CSS を読み込ませたくない方法の一つとして、 @import を使う hack がいくつかある。そういった hack を使いたい場合には、各 hack の@import 規則と適用ブラウザを一覧表にまとめたサイトが便利。

縦に@import 規則、横に各ブラウザの対応状況、W3C CSS 検証サービス(W3C CSS Validator)に通るか、その際にエラーが出るのか警告が出るのかが分かるようになっている。プラス記号( + )は、その @import 規則を読み込むことが出来、マイナス記号( - )はその @import 規則を読み込むことが出来ない。

また、各 @import 規則の通し番号をクリックすることで、現在使用しているブラウザがその @import 規則で CSS を読み込む事が可能かを確認することも出来る。赤い文字This text will be red if the rule has been applied. と表示されれば、その @import 規則で CSS が読み込めており、グレーの文字This text will be red if the rule has been applied. と表示されれば、その @import 規則で CSS が読み込めていないという事になる。

最終更新日が 2004 年 9 月 23 日とちょっと古いけど、ページをまるまる zip ファイルで落とせるようになってるのが親切。

この記事についての情報

似た内容の記事

この記事に対するトラックバック

トラックバックURL: http://www.lucky-bag.com/mt/mt-tb.cgi/129

らぐなにっき。 - スタイルシートのこと (2005年9月13日 13:40)

@import を使ってブラウザに CSS を読み込ませたり、読み込ませなかったりする方法。 実は大分前からこれを探していた…。 やっと見つけたので、初トラ... 続きを読む

Comments

りしゅ said:

はじめまして。
ブラウザ別にCSSを作りたいと考えていたのですが、JavaScriptを使用しない方法がよくて、いろいろ巡っていたらこちらにたどり着きました。
事後報告で申し訳ありませんが、トラバ頂きました><