1

私は Firebug と Web Developer Firefox 拡張機能を使用しています。私が探していて、これらの拡張機能に存在するかどうかわからない機能の 1 つは、Web ページのソースを見ているときに、クラスまたは ID 名をクリックすると、そのクラスまたは ID の定義が表示される場所です。CSS 継承階層ではありません。特定のクラスまたは ID (存在する場合)

例えば：

..... 「ヘッダー」をクリックすると、css 定義が表示されるか、何もないと表示されます。CSS ツリー階層をフィルタリングして、そのクラスだけを表示したいと考えています。

拡張機能はそれを行うことができますか?

4

2 に答える 2

0

Firebug はそれを行うことができます。HTML タブを開き、関心のある要素を選択します。スタイル タブの下にある firebug ウィンドウの右側のボックスを見てください。そこには、ID、クラス、またはその他のタイプのセレクターによって要素に適用された各スタイルが表示されます。また、レイアウト タブをチェックして、選択した要素のオフセット、マージン、パディング、および幅を確認することもできます。

たとえば、ここで StackOverflow のbody要素をクリックすると、次のように表示されます。

body {           /* File: all.css?v=3496 (row 1) */
    background:#FFFFFF none repeat scroll 0 0;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:80%;
    text-align:center;
}
body {           /* File: all.css?v=3496 (rad 1) */
    line-height:1;
}
/* + A lot of reset styles for all elements */
于 2009-06-01T16:24:40.757 に答える
0

これはソースからではなく (私は信じていません)、ページ上では行います。CSSViewer は役に立ちますか?

https://addons.mozilla.org/en-US/firefox/addon/2104

于 2010-03-31T19:47:36.883 に答える