- ベストアンサー
CSSの使われていない属性
DreamweaverがCS4になってコードナビゲータが追加されたおかげで該当のCSSの箇所を容易に特定できるようになりましたが、逆にCSSファイルから、ローカルサイト内で使われている場所を見つけたり、使われている箇所数を知ることはできないのでしょうか？ 古いサイトの改訂にあたりCSSが重くなってきているので、使われていない属性を削除したいのです。Dreamweaverの機能としては無くても、他に可能な方法があればお願いします。 よろしくお願いします。
- picicate
- お礼率58% (101/172)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
不使用なCSSルールをチェックするツール(css-redundancy-checker)の使い方 ＆ カスタマイズ http://d.hatena.ne.jp/shikaku/20110524/p1 不要なCSSセレクタを見つけてくれるFirefoxアドオン「Dust-Me Selectors」 http://www.koikikukan.com/archives/2011/05/04-025555.php
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
サイト（フォルダ）単位でIDまたはclass名を検索すれば、 サイト内の全てのファイル内の 該当するIDまたはclass名の行が一発で全て表示されます。 表示されなければ、HTMLファイルには該当無しって事なので、 CSSファイルから削除しても良いでしょう。
お礼
ご回答ありがとうございました。ただ言葉が足りなかったようですいません。 body#**** h1 img.*** のような、組み合わせた時に対応できるものがあるか知りたいんです。
関連するQ&A
- DreamweaverCS3でCSSを使わずフォントカラーを変更するには？
使用ソフト：Dreamweaver CS3 使用OS：Mas OS X Dreamweaver CS3で携帯ページを作っています。 プロパティインスペクタから色指定をするとCSSで色の設定がされてしまうのですが、そうではなく <font color="#000000">aa</font> のようにCSSを用いないコードになるようにするにはどうすればいいのでしょうか？ ご存知の方いらしたら教えて下さい。 よろしくお願いしますm(__)m
- 締切済み
- ホームページ作成ソフト
- textarea内のname属性について
ブログスキンをコーディングする仕事をしておりまして 元の部分で下記のような箇所があるのですが <textarea name="comment" rows="10">{コメント記入欄}</textarea> このうち name="comment" が入ると textarea内にcols=""を入れても前後にclass属性を追加して width指定しても横幅が全く効いてくれず困っています。 コメントを記入しているとたまに一瞬幅が伸びるのも気になります。 name="comment"をname="comments"に変えてみたところ、 width指定で横幅が変わったのでシステム内部で 横幅を指定しているとしか思えないのですが うまく検索できず、指定している箇所が出てきません。 もともとname属性もほとんど使用したことがないので この予想もあっているのかよく分かりません。 そこで質問なのですが、 (1)name属性はidやclass同様にcssの装飾ができるのでしょうか (2)(1)でcssが指定できる場合、name属性の 指定側のcssの指定先頭の記号は何でしょうか （idなら#、classなら.というものです) お手数ですがどうぞよろしくお願い致します。
- ベストアンサー
- HTML
- css の適用について
HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、 cssが適用されず、困っております。 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。 W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。 作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。 また、どのブラウザでも適用されていません。 他に考えられるとしたら、どのような原因で適用されないのでしょうか？ 教えて頂きたいと思います。よろしく御願いします。
- ベストアンサー
- Mac
- jqueryにて、独自属性を使ってタグを操作したい
皆様 いつもお世話になります。 早速ですがご質問させていただきます。 現在、独自属性を使った学習をしております。 jqueryでidを使って以下のタグの「追加位置」に「追加要素」を挿入すると 以下のようになると思いますが、 <div id="aaa"> <!--追加位置--> </div> $(div#aaa).prepend("追加要素"); 独自属性を使って、同じことをしようとする際、idを識別するのに「#」を使うと思いますが、独自属性はどういう識別子（★にあたる箇所）を使うのでしょうか？ div data-hoge="aaa"> <!--追加要素--> </div> var dokuji = $('div').attr('data-hoge'); $(★dokuji).prepend("追加要素"); お詳しい方ご教授のほど宜しくお願い致します。 開発環境： Dreamweaver CC Firefox 34.0.5
- ベストアンサー
- JavaScript
- アップロードした時だけCSSが反映されない
プログラミングの知識はほぼ皆無なので無料テンプレートのサイトからテンプレートをダウンロードし、コードはほとんど触らず<p>◯◯◯◯</p>内の文章だけSublime Text2上で編集していました。 写真や内容を自分好みにし、ローカル環境で作動するか試した結果しっかりとCSSも反映されていました。それで、本日実際に多くの人に私のホームページを見てもらいたいと思い、お名前.comにてドメインとレンタルサーバーを取得しました。 そして、すべてのファイルをアップロードし、自分のサイトのURLを検索してみると、全くCSSが反映されていませんでした。 困り果てて、お名前.comの方に連絡しましたが、プログラムの作りに問題があるのでは？と言われてしまいました。実際多くの方はプログラムの作りに問題があって、それがCSSが反映しない原因となっているようですが、僕の場合、テンプレートをダウンロードし文章のみ変えただけで、他のコードやCSSについては全く手を触れていません。また、ローカル環境では問題なくCSSが反映されているのでプログラムの問題ではないと思います。 プログラミングの知識がほとんどなく、どうすれば良いのか分からず困り果てている状態です。。。追加で情報が必要であれば、追加しますので、どなたかHTMLやそのアップロードに詳しい方どうか助けてください。。。 宜しくお願いします。
- ベストアンサー
- HTML
- Dreamweaver CS5 CSSの書き方
現在、Dreamweaver CS5 を使ってサイトを作成しています。 添付した画像のように、 bodyをheaderとcontentsに分け、 そのcontentsをMainAreaとSubAreaに分けております。 また、SubAreaのみを編集可能な状態で、 それ以外の箇所をテンプレートに保存して、子サイトを作成しているといった状態です。 そこで、ひとつの子ページ（pageone.html）の中で、添付画像その２のように SubAreaいっぱいにボタンを４つ２×２の状態で敷き詰めたいと考えております。 そこで、してみたことが、 (1)修正>テンプレートプロパティにてid:をbodyからid:pageoneに変更。 (2)新規CSSルールに body#pageone #contents #SubArea ul li を追加。 (3)(2)のルール定義の中でボックス>Floatを leftを選択。 ここまでしてみたのですが、 まずは、pageoneのSubArea内のボタンがうんともすんともいいません。 （最終的に２×２にしたのですが、まずは横並びにしてみようと思い(3)をしてみたのですが・・） どうすればよろしいでしょうか？ どうかご教授ください。 また、記載すべき情報がございましたらなんなりとおっしゃってください。 素人の質問ですが、何卒ご対応いただければ幸いです。 よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ＨＴＭＬ・ＣＳＳ・ＰＨＰで出来るサイト
ＨＴＭＬ・ＣＳＳ・ＰＨＰを使えば作れる既存のサイトをできるだけ多く教えてください。 この3つ言語の基本的なことは習ったのですが、サイトを作る能力を上げるために、実際にＤＲＥＡＭＷＥＡＶＥＲ ＣＳ5を使ってサイトをどんどん作ってみてレベルを上げたいと思っています。 この3つの言語で作れそうな既存のサイトを、できるだけ多く教えていただきたいです。 教えていただいた既存のサイトをまねて作ってみて、自分のレベルを上げて、オリジナルのサイトに生かしたいと思っています。 自分の今の技術で作れそうな既存のサイトを多く教えてもらえば、オリジナルサイトの作成の参考にもなるためです。 出来れば、１人10個以上は教えて頂けるとありがたいです。 ご回答よろしくお願いします。
- ベストアンサー
- インターネットビジネス
- Dreamweaver CS5 外部CSSのリンク
Dreamweaver CS5です。 HTMLファイル内に、外部CSSファイルへのリンクについての質問です。 【CSSスタイル】パネルの「スタイルシートを添付」ボタンでCSSファイルをリンクさせますが、HTML内のhead内、titleタグの後の行に記述されます。JavaScriptの記述があると、さらにその後の行に記述されます。 <link rel=******～>の記述を、たとえば、先にクリックしておいてその位置にカーソルを移動しておくなどして指定の場所に書き出してもらうことはできないのでしょうか。 外部CSSファイルはいつも手入力で書き込んでいましたが、Dreamweaverを使ってみたら思ったところに書いてくれません。記述後、指定の位置にドラッグでもして移動すればどうということはないのですが。 文字コードなどは、日本語が表記されているtitleタグより前に記述すること、なんて聞いたことがありますが、外部CSSへのリンク記述にもtitleタグの後ろのほうがいいというようなことがあるのでしょうか。
- 締切済み
- ホームページ作成ソフト
- chromeで独自cssを追加するエクステンション
下記のような事をしたいと考えています。 詳しく載っている書籍や、ページがありましたらご教授お願いします。 ■chromeで独自cssを追加するエクステンション 1a.特定のサイトのタグをcssで表示しないように変更します。 (サイトの選択ができない場合は、 div.aaa ul.bbb li nth-child(2), div.aaa ul.bbb li nth-child(3), { display:none; } のようにそのサイトでしか反映されないようにします。） 1b.または、正規表現で該当箇所を探し、 その部分をコメントアウトするようにしたいと考えています。 2.この変更がクリック一つで追加できるようにして 配布したいと考えています。 ～～～～～///////////////////////////////～～～～～ 例えば、エクステンションやユーザスタイルシートなどです。 ただ、ユーザスタイルシートの場合は追加というより、 元あるユーザスタイルシートを編集して配布する形になるのではないかと思います。 そのような理由からエクステンションでの配布を希望しています。 私の探し方が悪いと思うのですが、 自分だけに適用する方法ばかりがHITします。 エクステンションでスタイルシートを編集する為の情報が出てきません。 もし、私自身でスタイルシートを管理するのであれば ・Google Chrome Extensions: Chrome Stylist https://chrome.google.com/webstore/detail/pabfempgigicdjjlccdgnbmeggkbjdhd というのが便利です。 しかし、この方法ではcssの設定を書き込まなければならず、 反映したいユーザに入力してもらう手間がでてきます。 このエクステンションが有効になっている閒、 cssが反映されるといったものの作り方を知っている方がいましたら よろしくお願いします。
- 締切済み
- ブラウザ
- 指定した属性値を持つ要素に追加する方法
質問させてもらいます。 Visual C＃を使ってXMLファイルに対して 読み書きを行うプログラムを作っています。 同じ要素名で違う属性値を持つ要素が複数ある場合、 その中の特定の要素の属性値を指定し、それに追加する 方法がわかりません。 実現方法や参考になるサイト等教えてください。 開発環境は下記です。 WindowsXP Visual Studio 2005
- 締切済み
- XML
お礼
アドオンの方使わせて頂くことにしました！ 大変ありがとうございました。