4

どの宣言が要素に影響を与えているかを正確に確認する方法はありますか? Firebug インスペクターで 100 万個のプロパティを確認するのではなく、割り当てられているクラスの数によっては、優先順位が低く適用されない宣言が多数含まれている可能性があります。どの特定の宣言が実際に要素に影響を与えているかを見つけるのに時間がかかる場合があります。次のような長い間無視された宣言が表示されます。

ul {
色: 緑; 「計算されたスタイル」は、すべての階層の最終結果を表示しますが、スタイルがどこから派生したかは示しません

多分私は単純なものを見逃しています。どうもありがとう!

JSBIN

編集: Computed タグで属性を展開できるはずだと聞いたことがありますが、そのオプションが利用できる場所がわかりません。font-size が 13.333px であることがわかりますが、それがどこから来たのかを確認するオプションはありません。

計算済みタブ

4

3 に答える 3

0

Chrome DevTools には、要素プロパティのスタイルとその場所のリストを表示する「計算されたスタイル」パネルがあります。たとえば、text-decoration プロパティのスクリーンショットを参照してください。

スクリーンショット

于 2013-05-11T06:19:04.287 に答える