ブラウザのデフォルトからの継承を表示するFirefox拡張機能

Question

Firebugで計算されたスタイルを見ると、値がどのように計算されているか、またはその起源が何であるかが明確ではないことがあります。状況によっては、ソースはブラウザのデフォルトです。すでに構築されているWebサイトでは、CSSリセットを挿入することは不可能であり、すべてのページが破損します。

Firebug、Web Developer、または別の拡張機能に、デフォルトの値を表示するなど、ブラウザのデフォルトまで継承構造を表示する方法はありますか？

Answer 1

Firebugの右パネルの[スタイル]タブで下矢印をクリックします。 「計算されたスタイルを表示」のチェックを外します。 [ユーザーエージェントCSSを表示]をオンにします。

各セレクターの横にある青いファイル名は、セレクターが定義されているCSSファイルです。 FirefoxのデフォルトのCSSファイルはhtml.cssと呼ばれ、その場所（マウスをポイントしたとき）はresource：//gre/res/html.cssです。これがブラウザのデフォルトであることを示しています。

Answer 2

「計算されたスタイルの表示」をオフにします。

次に、宣言とクラス、およびブラウザのデフォルトによって分類します。スタイルの上にマウスを移動すると、小さな矢印が表示されます。

また、「Show User Agent CSS」をオンにします。