css - FirefoxでCSSをクリックして編集しますか？

Question

Webページの一部をクリックして、CSSマークアップを表示できるようにしたい。

使用するCSSルール、クラス、IDなど、それらをライブで編集できます。

FirebugとWeb開発者プラグインをインストールしましたが、これを行う方法がわかりません。

score 6 · Accepted Answer

ページを右クリックして、[要素の検査]を選択する必要があります。

または、ツールバーの[要素の検査]オプションを選択して、ページ上のアイテムにカーソルを合わせると、マウスの下にあるものがFirebugウィンドウ内に即座に表示されます。ここから、基になるhtmlとcssを表示/編集/操作できます。

上記のリンクはFirebugのサイトを参照している可能性があり、wikiにもかなり良い情報があります。

score 3 · Accepted Answer

Right Click->Inspect Element.....表示したい要素を右クリックして、[要素の検査...]を選択するだけです。

score 2 · Accepted Answer

ファイアバグを使用して、右クリックして要素の検査を選択します。

Web Developerツールバーを使用して、CSSをクリックし、ドロップダウンメニューから[CSSの編集]をクリックします。

score 1 · Accepted Answer

firebugがインストールされている状態で、選択する要素を右クリックし、[要素の検査]をクリックします。

Web Developerツールバーで、ctrl + shift + fを押して、ボックスの輪郭を描き、要素を表示するものを開きます。

要素の検査を行った後にfirebugでドキュメントを編集するには、個々の要素をクリックするか、新しい要素を追加して値を変更するだけです。ただし、追加のプラグインがないと、このデータは保存されないことに注意してください。

ここにfirebugを使用するためのガイドがあります：http：//getfirebug.com/html

score 0 · Accepted Answer

Firebugを使用して、何が使用されているかを調べることができます。Webでドキュメントを見つけるのはそれほど難しいことではありません。アイデアが浮かんだら、要素を簡単に選択し、適用されたスタイルとその出所（継承や上書きを含む）を確認できます。

多くの可能性を秘めた非常に優れたWeb開発者ツールバーもあります。

それらをすべて試して、タスクに本当に必要なものを見つけるには時間がかかる場合がありますが、要素の構造と、すでに適用されているCSSを理解しておくと役立ちます。

Firebugでも編集が可能ですが、別のツールがあります。EditCSS

すでに存在するすべてのCSSでサイドバーが開き、サイドバーで編集できます（必要に応じて変更、削除、または追加できます）。

FirebugとWeb開発者はすべてを組み合わせて、すでに存在するものを理解し、EditCSSをライブ編集することができます。

5 に答える 5