個別記事

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

この記事が属するカテゴリー
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 ファイルで落とせるようになってるのが親切。

2005-07-11T13:01:49+09:00 | コメント (1) | トラックバック (1) |はてなブックマーク

関連性が高いエントリー 5 件

トラックバック

このエントリーのトラックバックURL:
http://WWW.lucky-bag.com/cgi/mt/mt-tb.cgi/266

このリストは、次のエントリーを参照しています: @import を使ってブラウザに CSS を読み込ませない方法:

らぐなにっき。 さんからのトラックバック
スタイルシートのこと
@import を使ってブラウザに CSS を読み込ませたり、読み込ませなかったりする方法。 実は大分前からこれを探していた…。 やっと見つけたので、初トラ... [続きを読む]
2005年09月13日 13:40

コメント

りしゅ さんからのコメント

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

2005年09月13日 13:40

コメントしてください

コメント内ではタグは一切使えません。コメント内にてタグを表記したい場合は、お手数ですが、文字実体参照を利用して < を &lt; 、> を &gt; とそれぞれ置き換えてください。




保存しますか?


(V) (P)