208

まあ、これはかなり簡単です。Chrome の開発者ツールがスタイルがオーバーライドされていることを示している場合、それをオーバーライドしている CSS ルールを確認するにはどうすればよいですか?

「これをオーバーライドするものを表示してください」のようなものがあるかどうか知りたいです。

OBS: Firebug を指摘しないでください。

4

3 に答える 3

297

要素インスペクタの計算済みスタイルパネルを使用します。対象のプロパティを展開して、適用可能なルールのリストと、どのルールが勝ったかを確認します。

Chrome のスクリーンショット

于 2012-12-13T20:03:16.460 に答える
8

同じ名前で取り消し線の付いていないものを簡単に確認できます。リストは重要度が高いことを覚えておいてください。

または、計算されたスタイルを表示できます。それらは実際に適用されるスタイルになります。

于 2012-12-13T19:41:43.413 に答える
2

crtrl + shift + c 要素を調べます。次に、右下隅のボックスで、線のないスタイルを見つけます。

ほとんどの場合、オーバーライドは一番上にあります (このスタイルが「勝者」であるため、線はありません)。

于 2012-12-13T19:41:59.880 に答える