既存サイトのCSSを見る

質問

私は今既存のサイトを真似して作って、どんな感じで作っているのかを勉強させてもらっています。

そこで既存サイトのＣＳＳの見方を教えてもらいたいと思いまして…

今はサイトのソースを表示してそこから○○.cssというものをアドレスに続けて入れてみているのですが、

最初のＣＳＳは見れるのですが

@import←この先の.cssが見れなくどうにかして見る方法はないのかなと。

結構わかりにくい文章ですが、よろしくお願いします。

回答No.1

piyoui · ベストアンサー

@importは外部CSSファイルを参照しているということです。
つまり、スタイルシート内に
@import url("xxx.css")
@import "xxx.css"
のように書かれている場合、そのスタイルシートによって「xxx.css」を読み込んでいるということですので、サイトのソースから○○.cssをアドレスに入力することと同じように、アドレスにxxx.cssを入力するとxxx.cssの内容を見ることができます。

蛇足かもしれませんが、多くの既存サイトのCSSを見て勉強されるならfirefoxのアドオン「webdeveloper」（http://www.infoaxia.com/tools/webdeveloper/）などを使用されるとより楽かもしれません。

参考URL：

http://anslasax.net/css-make/influence.html

お礼

返答ありがとうございます。

IEのバージョンはこの機能を取り入れていたんですが、firefoxの方はまだでした。同じ機能なんだろうなと思っていたんですが、これは使いやすいというか、ＣＳＳを細部まで見れました。すごい助かりました。

今とてもアクセシビリティの方に力を入れているのでそちらの方も助かりました。本当にありがとうございました。