Chromeデベロッパーツール：CSSルールを上書きしているものを見つける方法は？

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

「これを上書きするものを見せて」のようなものがあるかどうか知りたい。

OBS： 私をFirebugに向けないでください。

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

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

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

crtrl + shift + cで要素を検査します。次に、右下のボックスで、線が引かれていないスタイルを見つけます。

オーバーライドは、ほとんどの場合、上部にあります（このスタイルは「勝つ」ものなので、それを通る線がありません）。