• ベストアンサー

DWでCSSの記述がどのファイルにあるか調べたい

DreamWeaverCS5を使っています。 HTMLのソースにclass="test" というCSSの記述があるとします。 このtestが記述してあるCSSファイルをどうやって探すことができますか？ CSSファイルが一枚ならすぐわかるかと思いますが、 たとえば、CSSファイルが10枚あったとき「class="test"」の 記述してあるCSSファイルはどうやって探すのでしょうか？

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.4

サイト内検索 ------------- サイトトップ（ルートディレクトリ）のフォルダを指定して、 .test を検索窓に入力してから検索ボタンを押す。

ayako0401
質問者

補足

やっぱり検索しか手段はないですかねえ。

その他の回答 (3)

回答No.3

CSSスタイルインスペクタに表示されてないですか？

noname#148411
noname#148411
回答No.2

DWなら全部にあります

ayako0401
質問者

補足

回答していただきましてありがとうございます。 全部に何があるのでしょうか？ 意味がまったくわかりません。

  • Hoyat
  • ベストアンサー率52% (4897/9300)
回答No.1

>たとえば、CSSファイルが10枚あったとき それじゃぁそもそもCSSの意味がないですが・・・ （CSSとは、Cascading Style Sheets（カスケーディング・スタイルシート）の略で、HTML文書の装飾部分を一括管理するためのものですから単一であるべきものです）

ayako0401
質問者

補足

用途によっては複数枚必要になります。 index.cssやカテゴリごとに、car.css sport.cssとか、 500ページとか1000ページ規模の大きなサイト構成の場合は一枚では無理です。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • DWでhtml5で記述するとCSSが反応しな

    Dreamweaver CS6を使ってますが、なぜか、html5で記述すると、CSSが反応しません。 例えば、今までの、XHTML+cssですと、 <div id="header"> <div class="abc"> 中身 </div></div> だと、CSSパネルで、 #header .abc で、記述したら、もちろんデザインビューに反映してたのですが、 HTML5の記述で、例えば、 <haader id="header"> <section class="abc"> 中身 </section> </header> だと、CSSパネルで、 #header .abc と、しても反映されません。 ライブビューや、ブラウザでは、反映されている様です。 （しかし、一回一回、ライブビューに切り替えたり、ブラウザで確認しないとならないのは、非常に不便です。） ■Dreamweaverのデザインビューでは、HTML5は、対応してないのでしょうか？ ■Dreamweaverで、HTML5を使う、何かのプラグインなどあるのでしょうか？ ■その他、何が間違っているのでしょうか？ お詳しい方、お教え頂けますでしょうか。 宜しくお願い致します。

  • CSSでclassに二つ以上を指定したい場合の記述について

    HTMLタグでclassを複数適用したい場合、どのように記述するのが 正しいですか。外部CSSファイルなどに .test1 {color: red} .test2 {padding-left: 10px;} などとしていて、あるテーブルのあるセルに両方を適用したい場合です。 <td class="test1;test2">などとしたら、とりあえずIE6では両方が 解釈されましたが、こんなあてずっぽな書き方で正しいのでしょうか？

    • ベストアンサー
    • HTML
  • CSSファイルが見当らないclass名があり、しかもCSSが効いています。どこにあるんでしょうか？

    tableのtdやthの背景にうまく画像が入っていてうまいつくりがあったので、方法を調べようとしてソースを見て、CSSファイルを調べるのですが、該当のclass名が検索しても存在しないのです。こんなこと初めてです。 なのにちゃんとCSSは効いています。HTMLソースには記述という記述がないので、どう考えても外部スタイルシートとしか思えないのですが・・・ JavaScriptで操作しているのか？と思ってそのあたりも見はしたのですがわかりませんでした。 以下のURLです。 ※ちなみに「比べてください！圧倒的なコストパフォーマンス」というところの表のように、背景画像や2ピクセルでの区切り線、tdやthによって背景画像や色を変更している手法などを知りたいものです。 http://www.rensaba.com/campaign/ocssl/ とりあえず、tableタグにある「class="comparison"」が見当たらないのです。 このソースにかかれてあるCSSファイルは複数ありますが、全て検索かけてみたのですがひとつも出てきませんでした・・・・ この表の作り方だけでなく、いったいどうやって効かせているのかも知りたいです。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 外部CSSを適用させるための正しいソースコードの書き方

    dreamweaverCS4のバグではないかと思うのですが、外部スタイルシート（test.css）を作成し、それをHTMLファイル（test.html）へ適用させたいのですが、ファイルの階層が同じなので、以下のようにソースコードを書くのが正解だと思いますが、 <link href="test.css" rel="stylesheet" type="text/css"> 以下のように、「../test.css」と「..」が付いても適用される場合があります。 <link href="../test.css" rel="stylesheet" type="text/css"> 逆に「..」が付く方が正解で、付かない方が間違っているのでしょうか？ どっちが正しいのでしょうか？ そもそも「..」とは何でしょうか？ すみません、根本的なところからわかっていません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSの正しい記述の仕方

    CSSの記述の仕方なんですが、下記のような書き方は正しいのでしょうか？ .f14 {font-size: 14px;} .bold {font-weight: bold;} .red {color: #FF0000;} <p class="f14 bold red">あいうえお<div> HTMLには構成要素、CSSにはデザイン要素のみを記述と考えると正しくない気がしますが、 何度も使うような場合は、この方がCSSが短くなるので使っています。 どうなんでしょうか？ 気にしすぎでしょうか。

    • ベストアンサー
    • HTML
  • ＪＳの記述を別ファイルに移す

    下記のＨＴＭＬ内の　<script type="text/javascript">～</script>　をtest.jsとして別ファイルに移す場合にどのように、記述するればよいのでしょうか。単純にコピペしたのですがうまくいきません。 初歩的だとは思いますが、ご指導をお願いします。 --------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/Draggable.js"></script> </head> <body> <div id="test1" class="test"></div> <div id="test2" class="test"></div> <script type="text/javascript"> var test1 = new Draggable("test1"); var test2 = new Draggable("test2"); </script> </body> </html>

  • CSSファイルを使用せず、HTMLの記述だけで"※"印のぶら下げインデ

    CSSファイルを使用せず、HTMLの記述だけで"※"印のぶら下げインデントを表示するにはどうしたらよいでしょうか？CSSファイルを利用して再現する方法は結構あるようですが、事情があってCSSファイルは自由に編集ができないのでHTMLのタグだけで再現したいです。<li>では"※"は再現できないみたいなので・・・すいませんが、お知恵貸していただけるとうれしいです。

    • ベストアンサー
    • HTML
  • CSSで定義していないclass指定を削除したい

    CSSで定義していないクラスを、HTML内に多数記述しているのですが、それを簡単に特定出来る方法はありますでしょうか。 例をあげますと、 [HTML] <div class="test01">XXXXXXXXXX</div> [CSS] .test000 { font-size: 18px; } みたいな状態で、HTMLで呼び出しているclass名がCSSで定義していないのです。 CSSとHTMLを照らし合わせ、１個づつ確認するのが確実だとは思うのですが、1000ページ程度あり目視確認は現実的ではないので、、、。 アプリケーションはDreamweaverをつかっています。 どなたか方法をご存知の方がいらっしゃいましたら、宜しくお願いします。

  • CSSの記述

    HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。

    • ベストアンサー
    • HTML
  • ＣＳＳについて

    前回「ＣＳＳ今度は外部ファイル！」で質問をさせていただきました http://okwave.jp/qa4254612.html ＃２の回答者様の記述ソースをコピペしてＣＳＳファイルと、ＨＴＭＬファイルを作ったところ、ＨＴＭＬファイルに外部ＣＳＳが反映されて表示されました。 しかし、このＣＳＳファイルの中身（だけ）とファイル名を変更したところ、今度は反映されなくなりました。 ■ＣＳＳファイルの変更■ 変更前 body { color: blue; font-size:30px; 変更後 .hpname{ font-size:50ox; color:#006666 text:align:center; } ■ＣＳＳファイル名 半角小文字でhpname.css ■ＨＴＭＬファイル 変更前 <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> 背景色は青で文字は30px </body> </html> この中の <link rel="stylesheet" type="text/css" href="test.css"> を変更。 href="test.css">を href="hpname.css"> にしました。 ///////////////////////////////////////////////////////////// ＣＳＳファイルの作りかたがいけないのでしょうか？ 「.」をつけてはいけない？ それとも外部ファイルを読み込むパスを絶対指定などしなくてはならないのでしょうか（同じフォルダ階層内です） 何回やり直しても結果が同じなので、また質問させていただきました。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する