Chrome デベロッパー ツールで Web ページを調べていると、CSS ルールがアルファベット順に表示されていることに気付きました。要素に適用されたルールの継承をそのすべての先祖を通して追跡しようとしたとき、私はそれに気付きました。
ルールが表示される順序を変更する方法はありますか? それとも、これは他のツールを使用して可能ですか?
ありがとう。
Chrome デベロッパー ツールで Web ページを調べていると、CSS ルールがアルファベット順に表示されていることに気付きました。要素に適用されたルールの継承をそのすべての先祖を通して追跡しようとしたとき、私はそれに気付きました。
ルールが表示される順序を変更する方法はありますか? それとも、これは他のツールを使用して可能ですか?
ありがとう。
CSS ルールは、アルファベット順ではなくカスケード順に表示されます。その結果、最上位のプロパティが下のプロパティをオーバーライドします。逆のユース ケースがある場合は、crbug.com (概要で DevTools について言及) または webkit.org/new-inspector-bug リンクを使用してファイルしてください。
実際に「インスペクター」を自分で編集することができます。その単純なHtml/Js
Check out
C:\Users\--your username --\AppData\Local\Google\Chrome\Application\-- latest version --\Resources\Inspector
あなたはツールを使用しているので、私はあなたがそれらを編集するために何をしているのか知っていると仮定します:)
Firebug Liteをお勧めします。よく知られている firefox 用の firebug のすべての機能をサポートしているわけではありませんが、chrome 用の優れたツールです。
特に Chrome に慣れていない場合は、Firefox の拡張機能であるFirebugをチェックしてください。スタイルのリストの一番上に最も具体的なセレクターが表示され、親要素からのカスケード スタイルが、検査している要素に近い順に下にリストされます。