• 締切済み

使用されていないclass,idを調べる方法は?

Webページの制作をwinXPのDreamweaver8にて行っております。 外部読み込みのCSSのファイルにおそらく使われていないだろうclassなどが沢山ありそうなのですが、これを楽に探せる機能などはありますでしょうか。 dreamweaverの場合単独ファイルで画像の場合はほぼ使われていないだろう事がわかるのですが、CSSも同様に調べられたら便利だと思っています。 また、皆さんは不要なclassなどの整理をどのようにやっているのでしょうか。 よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

回答No.1

CSSとHTMLファイルの両方で検索をかければわかるのではないでしょうか?

pochitarou
質問者

お礼

お礼が大変遅れてしまい申し訳ありません。 自分でもあれからもっといろいろと情報を調べてみたのですが見つかりませんでした。 ひとつひとつ検索でやっていくのが固いのかなと思いました。 どうもありがとうございました。

関連するQ&A

  • 実務でIDとclassの使い分け方法

    現在CSSを勉強中です。 classセレクタを使うとCSSの指定が同じタグでもそれぞれ違う デザインが指定できて非常に使えるなぁと思ってます。 例えば、一方のH1タグの文字の色を青にしてもう一方のH1タグの 色を赤にしたりすることが可能です。 しかし、MdNを見てみるとよく外部CSSファイルに「#○○」、 bodyタグ内にIDを指定してデザインを適用する使い方が多くを 占めていました。 このIDを使うときは、ページが縦に長いときに印をつけて、ページ内の指定位置へリンクするという使い方だけだと私は思っていました。 classではなくIDをよく使う理由はなんなのでしょうか?? みなさまよろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • CLASSとIDの違いについて教えてください。

    スタイルシートを使ってWEBページを作っているのですが、 CLASSとIDの違いがわからず困ってしまいました。 CLASSでやってもIDでやっても 同じように動作しているように見えます。 この2つに機能的な違いはあるのでしょうか? また、使い分けた方がいいのでしょうか?

  • cssのidとclassの違いについて

    cssのidとclassの違いについて ホームページ作成でcssを指定するとき、同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定しているのですが、使い方はあってるのでしょうか? 独学なゆえ間違った使い方をしているのかなぁと思い質問してみました。 もし間違っていたら正しい使い方を教えてください。またidとclassの意味の違いも一緒に教えていただければうれしいです。

    • ベストアンサー
    • HTML
  • classやidが変わったときに情報を更新する(?)

    今現在 ボタンを押すと class やidが変化するようにしているのですが、 変化後、classやidで指定したcssの色にはなるのですが、(同時に元のclassやidのcssの色は無効になる) getElementByIdや getElementsByClassName("sw")[1]はページを読み込んだときの初期状態のidやclassに対してかかるようで、 読み込み終了後のid、classの変化後にも対応するにはどのようにするのでしょうか? 以下のがページ読み込み後idやclassが変わっても、読み込んだ時に設定されているid、classで実行されてしまう物です。 function lod(){ document.getElementsByClassName("sw")[1].onclick = (function(){iFrame()}); document.getElementById("td").onclick = (function(){iFrame()}); }; まだJavascriptはあまり詳しくないです。 質問が下手ですいません。補足が必要でしたら出来る範囲で行います。 よろしくお願いします。タスケテー

  • cssで外部ファイルを読み込む

    XHTML+cssで制作中ですが、XHTMLの中にcssで外部ファイル(HTMLページ)を読み込むことはできますか? インラインフレームでやれないかとも思ったのですが、やってみたらインラインフレームの下のデータが表示されなくなってしまいました。 書き方が悪かったんでしょうか。 cssで読み込みができればいいんですが。。。 教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • XML
  • 不要になったimgやタグの整理

    初心者です。 dreamweaverでのサイト制作時に、不要になったimg画像やcssを簡単に整理できる便利な機能ってありますか? どれが使用してないものなのか、わからなくなってしまいました。 ひとつずつ確認するしかないのでしょうか。 初心者ならではの症例かもしれませんが・・・ 皆様どうしていますか? 注意点などもありましたらぜひ教えてください。

    • ベストアンサー
    • HTML
  • CSSのid名class名の重複回避方法について

    今、複数ページがあるサイトを作ろうとしているのですが、 他の人が作成をする場合もあるので、 ヘッダ・フッタなど、共通部分に使っているcssの設定(idやclass名)と、 個々のページで設定するcssの設定が重複しないようにしたいと思っています。 もし、共通cssと個別cssに同じ#fontというid名が存在してしまったとして、 個別のページのcssファイルに↓の用に記述し #page01 #font{  color:#FFFFFF; } html内の、<div id="page01">~</div> の中に含まれるid="font"と定義した場合 共通のidに#font が存在していても大丈夫なのでしょうか? また、大丈夫な場合、idやclassを作るたびに #page01 #font #page01 .photo と#page01を頭に全部つけると分かりづらくなるな。。と思うのですが、 それを回避する方法はありますでしょうか? ほか、重複しないアイデアをご存知の方がいらっしゃいましたら ご教示いただければ幸いです。 どうぞよろしくお願いいたします!

    • ベストアンサー
    • CSS
  • Dreamweaverのテンプレートについて

    実務の現場でサイト制作されている方に質問します。 現在DreamweaverCS3を使用してサイトを制作しています。 ページ数が多いためテンプレートが便利なので利用しているのですが、 テンプレートから新しくHTMLを作成した場合、 作業可能領域以外が灰色にロックされてしまい、そのページのヘッダー部にCSSを書き込むことができません。 メインのCSSは外部記述からリンクさせているのですが、 各ページに固有のCSSをかけたい場合、ヘッダーにも書き込めず 外部リンクも出来ません。 こう言った場合、各ページにかける固有のCSSもメインのCSSファイル内に書き込むべきなのでしょうか?

    • ベストアンサー
    • HTML
  • CSSファイルの管理方法でアドバイスをください。

    私はサイト制作初心者です。 現在、ページ数がおよそ30pのサイトをレスポンシブWebデザインにて制作しております。 とりあえず制作を・・・とおもい管理のし易さを無視してたった6つのcssファイルだけで構成しているのですが、横幅毎のcssファイルがとてつもなく膨大な記述量になってきました。 各ページ毎にちょっとした演出やデザインを入れていいたら、結果すごい記述量に・・・。 <現在のcss構成イメージ> import.css  ↑base.css  ↑device_1.css(数百行)  ↑device_2.css(数百行)  ↑device_3.css(数百行)  ↑device_4.css(数百行) レスポンシブWebデザインのサイトなので、各デバイス用のcssファイルをimport.css内に@import"●●"という形で1つにまとめ、htmlファイルにはlink relでこのimport.cssだけを記述しています。 一応、全ページ共通のタグをできる限りbase.cssにまとめ、各ページ毎の個別cssファイルは作らず、デバイス毎という形で一括で記述していきました。 そうすると、あれよあれよと各デバイス毎のcssがものすごい記述量でカオスな事になってしまいました。 当然といえば当然ですが。。。 そこで、cssファイルを各ページ毎に分けるべきかどうか悩んでおります。 色々ネットで調べたのですが、『cssは分ければ分けるだけ読み込み速度が遅くなっていく!』というのを知り、さらに調べると『記述量が多くても読み込みが遅くなる』という事も知り、もう一体どうしたら良いのだろうか?とさらに悩やんでおります。 読み込み速度を優先して現状のままの構成でいくのか・・・ 管理を考えて個別にしていくのか・・・ お詳しい方々、ぜひアドバイスをください! お願いします!

    • ベストアンサー
    • CSS
  • DreamWeaverには「一つ前に戻る」的な機能はないのでしょうか?

    最近CSSも徐々にですが理解できるようになり まとめて多数のページを編集する作業が増えてきたので 思い切ってDreamWeaverを購入しました。 CSSの編集がすごい楽でとても便利なのですが ちょっと気になる点もあります。 それまでホームページビルダーを使ってHPを作っていたのですが ホームページビルダーには「一つ前の作業に戻る」という機能が あり、ボタンを押すと一つ手前の作業画面まで記述内容を復元してくれるという便利な機能がありました。 そこで質問なのですが、DreamWeaverにはこの「一つ前に戻る」のような機能は無いのでしょうか? もしもできるならやり方を教えてくれたらありがたいです。 回答宜しくお願い致します。