safari - Safari/Chrome 開発者ツール デバッグ CSS オーバーライド

Question

Safari/Chrome 開発者ツールは、画像に示すように、CSS ルールが他の何かによって上書きされていることを示します。

このルールが無視される原因を CSS ファイルから特定できない状況に陥ることがあります。しかし、Safari 自体がそれを突き抜けていることを認識しているに違いありません。

そのようなルールをオーバーライドするものを知る方法はありますか?

Answer 1

リストの上位にある、取り消し線が付いていないものを見てください。

または、計算されたスタイルを表示します。それらは決定的な適用スタイルになります。

Answer 2

開発者ツールは、要素のすべてのルールを一覧表示します。適用されるすべての CSS ルールを読み、同じ名前の取り消し線のないルールを確認してください。