Firefox-Erweiterung zur Anzeige der Vererbung aus Browser-Standardeinstellungen?

Question

Es gibt Zeiten, wenn man sich einen berechneten Stil in Firebug ansieht, es ist nicht ersichtlich, wie ein Wert berechnet wird oder was seine Ursprünge sind. In einigen Situationen ist die Quelle der Standard des Browsers. In Websites, die bereits erstellt wurden, ist es nicht möglich, eine CSS-Zurücksetzung zu injizieren, die dazu führt, dass alle Seiten durchbrochen werden.

Gibt es einen Weg in Firebug, Web Developer oder einer anderen Erweiterung, um eine Vererbungsstruktur bis zum Standard des Browsers einschließlich der Anzeige des Werts des Standards anzuzeigen?

Answer 1

Klicken Sie auf den Abwärtspfeil auf der Registerkarte Stil im rechten Bereich von Firebug. Deaktivieren Sie "Show Computed Style" und aktivieren Sie "Show User Agent CSS".

Der blaue Dateiname neben jedem Selektor ist die CSS-Datei, in der der Selektor definiert ist. Die Firefox-Standard-CSS-Datei heißt html.css und ihr Speicherort (wenn Sie den Mauszeiger darüber bewegen) ist resource: //gre/res/html.css, so wissen Sie, dass es sich um den Standard des Browsers handelt.

Answer 2

Deaktivieren Sie Show Computed Style.

Es bricht es dann durch Deklarationen und Klassen und Browser-Standardwerte. Es ist dieser kleine Pfeil, wenn Sie den Mauszeiger über Stil bewegen.

Aktivieren Sie auch "User Agent CSS anzeigen".