HTML要素とCSSの関連を把握するのに便利「View formatted source」
HTML要素を視覚的に把握し、必要なスタイルシートのみを抜粋して表示できるFirefoxの機能拡張
https://addons.mozilla.org/ja/firefox/addon/697
基本的な使い方はインストール後コンテクストメニューからView formatted source→Enable inline modeを選ぶと表示している画面のブロック要素を枠で囲って表示してくれる。枠の右上にある「Sorece」をクリックすると該当する部分のHTMLソースが別ウインドウで開き、要素のところにマウスを持っていくと、そこに適用されているCSSの内容を表示してくれる。
画面全体のソースを表示して、各要素のCSSを表示させたり、どの要素を対象に含めるかなどの設定もできるようだ。
該当部分のソースを表示して、そこから関連するCSSを表示させるというのは、よく考えられた仕様だと思う。
コメントをどうぞ