• 締切済み

CSSで定義していないclass指定を削除したい

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

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

みんなの回答

  • uriboar
  • ベストアンサー率15% (143/916)
回答No.1

Dreamweaverにクラス名を管理するような機能があるかは知らないので、力技で。 1. 複数ファイル内を正規表現で一括検索置換できるようなエディタを探してきて、HTMLとCSSそれぞれのクラス名を抽出 2. エクセルなどで両データを比較し、使用されていないクラス名を抽出 3. 1.で使用したエディタで、HTMLに対して2.で判明した使用されていないクラス名を空白に置き換えるような処理を行う。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 外部css定義したｃｌａｓｓをhtmlで引き継ぎ別名で定義する方法

    いつもお世話になります。 外部cssで、例えば xyz.css div.abc{ font-size:13px; width:100px; height:120px; border:solid; border-width:2px; border-color:#460675; } などと定義し、 htmlで <link rel="stylesheet" href="xyz.css" type="text/css"> <style type="text/css"><!-- div.def{ ここで、class abc の内容の一部のみ変更、追加をしたいんですが、 その記載方法がわかりません。 } --></style> 次のようにしてもできますが、 <div class="abc" style="ここに記載" ・・・・ JavaScriptで、classを切り替えて使用したいので、 cssで定義したclassを基に新たなclassを新たな名前でそれぞれのページでできないものかと調べています。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • cssのclassについて

    よろしくお願いします。 文字の背景に画像を入れて、更には文字の左側にチェックマークを入れるようにしたいため、cssやhtmlに下記の記述をしました。 【css】 div#test {list-style-position: outside; list-style-image: url(img/checkmark.gif); background-image: url(img/mark.png); color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; } 【html】 <div id="test"> <ul> <li>テキスト、テキスト000テキスト</li> </ul> </div> 上記ですと、確かに背景画像も文字の左側にもチェックマークが入るのですが、下記のようにclass指定すると表示されなくなってしまいます きっとclassの表記が間違っているのだと思いますが困っております ご指導の程よろしくお願いします。 【css】 .test {list-style-position: outside; list-style-image: url(img/checkmark.gif); background-image: url(img/mark.png); color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; } 【html】 <ul class="test"> <ul> <li>テキスト、テキスト000テキスト</li> </ul> また、id名は一つしか使えないがclass名は同じものを複数使えるとお聞きしますが、上記で言うと"test"を複数使えると言う事でしょうか？ きっと私は<p>は</p>で閉めるように、そのあたりが良く分かっていないのかも知れません。 よろしくお願いします。

  • cssの入れ子について

    サイト中の記事部分だけ文字を大きくするにはどうしたら良いでしょうか。 <div class="content"> <div class="entry"> テストです テストです テストです テストです てすとです </div> </div> .content{ font-size: 13px; } .entry{ font-size: 15px; } これで試した見たらentry部分が13pxになりました。15pxにしたいのですが、どうしたらよろしいでしょうか。 どうぞよろしくお願い致します。

  • cssでclassを記載する時の重複部分の記載方法

    お世話になります。 cssでのクラスの書き方についてです。 例えば、 div.DivA{ color:red; font-size:13px; padding:5px; margin:5px; } などと記載して、 DivAと、フォントサイズのみを変えたDivBを定義したいとき、 div.DivB{ color:red; font-size:20px; padding:5px; margin:5px; } とすれば、可能なわけですが、 このDivBの定義をするとき、DivAの設定事項を引き継いだ記載方法は無いものでしょうか。 つまり、 div.DivB{ font-size:20px; 「後は、DivAと同じ」 } 「後は、DivAと同じ」 の部分の記載方法です。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CSSでclassに二つ以上を指定したい場合の記述について

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

    • ベストアンサー
    • HTML
  • CSSでの背景色の指定について

    以下のソースで右下に空白ができます。 それはいいのですが、背景色を指定がうまく行きません。 heightは動的に変わるので、idやclassを増やさずに実現したいと考えています。 IEでは実現できてきますが、Firefoxではダメでした。 よい方法はないでしょうか？ ■test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <link href="css/test.css" rel="stylesheet" type="text/css" /> <title>test</title> </head> <body> <div id="wrap"> <div id="left"> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> AAAAAAAAAA<br /> </div> <div id="right"> ああああ<br /> ああああ<br /> ああああ<br /> ああああ<br /> </div> </div> </body> </html> ■test.css body { margin-top: 20px; margin-left: 70px; margin-bottom: 0px; padding: 0px; line-height: 1.4em; font-size: 12px; font-weight: normal; color: #333333; } #wrap { width: 690px; background-color: #000000; } #left { margin: 0px; padding: 0px; width: 510px; height: 100%; float: left; background-color: #ffff00; } #right { margin: 0px; padding: 0px; width: 180px; float: right; background-color: #ff00ff; }

    • ベストアンサー
    • CSS
  • ul liのclass指定について

    表示が上手くいかないのでお助け下さい。 ul　liのliにclass指定をして、それぞれのclassに異なる背景画像を表示させようとしているのですが、 なぜかclass指定をすると画像が消えてしまいます。 class指定をしない状態ですと普通に表示されるのですが、別々の画像を表示させたいと思っているので困っています。 どなたか教えて頂けないでしょうか？ また、申し訳ありませんがとりあえず表示されれば良いだけなので htmlやcssの記述に対する細かいツッこみは勘弁して下さい。 宜しくお願いします！ 【html】 <div id="side"> <ul id="sidenav"> <li class="a"><a href="test.html">test</a></li> </ul> </div> 【css】 div#side { display: inline; float: left; width: 178px; margin-top: 20px; text-align:center; background:#fff; } div#side ul#sidenav { list-style-type:none; border: none; } div#side ul#sidenav li.a { background:url(../common/side.gif) no-repeat left; background-position: 6px 11px; } div#side li { position:relative; width: 165px; height:40px; padding: 1px; margin: 5px; text-align:left; border: 1px solid #8c8c8c; }

    • ベストアンサー
    • CSS
  • 子<DIV>で定義したのに、親<DIV>の定義が優先表示

    CSS の 子<DIV>で定義したのに、親<DIV>の定義が優先表示されてしまう。 CSSファイルで #oya {font-size: 1em;} .kodomo {font-size: 20pt;} と定義。 HTMLファイルで <body> <div id="oya"> AAAAA <div class="kodomo"> BBBBB </div> </div> </body> としても、AAAAA と BBBBB は同じ文字サイズです。 BBBBBは、#kodomo 定義の文字サイズで表示したいのですが、 どうすればよいですか？

  • 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とidの使い方

    あの、<p></p>内の文をclassを使ってitalicに、<span>内をidを使ってbold,色は赤にしたいのですが。変わりません。どこを直したら良いでしょうか？よろしくお願いします。 <HTML> <HEAD> <LINK href="global.css" rel="stylesheet" type="text/css"> <TITLE>About Me</TITLE> </HEAD> <BODY> <H1>About Me</H1> <IMG src="MyPic.png" alt="MyPic" height="150" width="100"> <DIV class="profile"> <p>My name is blahblah.<br> I am a <SPAN id="attention">Good</SPAN> Student.<br> </p> </DIV> 　</BODY> </html> global.cssの内容 .profile{font-style: italic} #attention { font-weight: bold; font-style: italic; color: red }

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する