21

これまでのところ、プロパティが継承されているかどうかしかわかりませんが、継承のソースを知る必要があります (たとえば、どの CSS ファイルが最終的な値を引き起こしたのでしょうか?) これは可能ですか?

これに便利なツールはありますか?

編集

chrome Computed Style で取得したものを次に示します (継承を表示) 方向プロパティを参照してください。継承元に関する情報はありません。 ここに画像の説明を入力

4

2 に答える 2

11

Firefox または Chrome の開発者ツールで Firebug を使用すると、この作業を非常に簡単に行うことができます。

Chrome デベロッパー ツール

以下の画像のように。

ここに画像の説明を入力

詳細については、Chrome 開発者ツール: Element Styles Hereを確認してください。

ファイアーバグで

以下の画像のように。

ここに画像の説明を入力

詳細については、ここで CSS 開発を確認してください

ここからFire Bugをインストールできます

更新 1:

Show Inherited以下のようなChromeのcomputed styleパネルのチェックボックスをクリックするだけで見つけることができます。

ここに画像の説明を入力

更新 2:

Firebug では、下の画像に示した継承要素をクリックするだけで、関連する継承要素の場所が表示されます。

PS - chrome Tool を使用しても同じことができます。

ここに画像の説明を入力

于 2012-12-28T06:28:39.307 に答える
2

CSS のカスケードの性質により、[要素] タブのスタイル ブラウザーが非常に便利になります。個々のスタイルとその由来を確認できます。また、計算されて要素に適用された後の最終的なスタイル セットも確認​​できます。

ここに画像の説明を入力

編集

計算されたスタイル パネルからプロパティとそのソースを参照できます

ここに画像の説明を入力

参照

于 2012-12-28T06:39:14.710 に答える