これまでのところ、プロパティが継承されているかどうかしかわかりませんが、継承のソースを知る必要があります (たとえば、どの CSS ファイルが最終的な値を引き起こしたのでしょうか?) これは可能ですか?
これに便利なツールはありますか?
編集
chrome Computed Style で取得したものを次に示します (継承を表示) 方向プロパティを参照してください。継承元に関する情報はありません。
これまでのところ、プロパティが継承されているかどうかしかわかりませんが、継承のソースを知る必要があります (たとえば、どの CSS ファイルが最終的な値を引き起こしたのでしょうか?) これは可能ですか?
これに便利なツールはありますか?
編集
chrome Computed Style で取得したものを次に示します (継承を表示) 方向プロパティを参照してください。継承元に関する情報はありません。
Firefox または Chrome の開発者ツールで Firebug を使用すると、この作業を非常に簡単に行うことができます。
以下の画像のように。
詳細については、Chrome 開発者ツール: Element Styles Hereを確認してください。
以下の画像のように。
詳細については、ここで CSS 開発を確認してください
ここからFire Bugをインストールできます
Show Inherited
以下のようなChromeのcomputed style
パネルのチェックボックスをクリックするだけで見つけることができます。
Firebug では、下の画像に示した継承要素をクリックするだけで、関連する継承要素の場所が表示されます。
PS - chrome Tool を使用しても同じことができます。
CSS のカスケードの性質により、[要素] タブのスタイル ブラウザーが非常に便利になります。個々のスタイルとその由来を確認できます。また、計算されて要素に適用された後の最終的なスタイル セットも確認できます。
計算されたスタイル パネルからプロパティとそのソースを参照できます