Safari / Chrome Developer Tools debuggen CSS-Überschreibungen

8

Safari / Chrome-Entwicklertools zeigen an, dass eine CSS-Regel durch etwas anderes überschrieben wird, wie in der Abbildung gezeigt.

Manchmal finde ich mich in einer Situation, in der ich aus den CSS-Dateien nicht herausfinden kann, warum diese Regel ignoriert wird. Aber sicherlich muss Safari selbst wissen, wie es durchschlägt.

Gibt es eine Möglichkeit zu wissen, was eine solche Regel außer Kraft setzt?

    
Laas 03.05.2011, 23:36
quelle

5 Antworten

8

Sehen Sie sich die Stelle an, die nicht ausgeklammert ist, sondern weiter oben in der Liste.

Alternativ können Sie die berechneten Stile anzeigen . Sie werden die definitiven angewandten Stile sein.

    
alex 03.05.2011, 23:43
quelle
2

Wenn Sie ein Element untersuchen, können Sie die "Box" anzeigen. Ganz unten haben Sie einen 'Filter', der Ihnen alle Eigenschaften anzeigt, die auf Ihr Element angewendet werden.

Wenn Sie auf eine Eigenschaft klicken, erhalten Sie die Datei und die Zeilennummer.

    
sheplu 08.08.2017 15:24
quelle
1

Developer Tools listet alle Regeln für ein Element auf. Lesen Sie einfach alle zutreffenden CSS-Regeln durch und prüfen Sie, ob es einen nicht durchgestrichenen mit demselben Namen gibt.

    
Amadan 03.05.2011 23:42
quelle
1

Gehe zu Elemente & gt; & gt; Berechnet und Sie erhalten das Stylesheet, das die Regel definiert, nach der Sie suchen.

    
jmargolisvt 08.08.2017 15:26
quelle
0

Gehen Sie zum Tab Berechnet der Chrome Developer Tools. Suchen Sie die gewünschte Eigenschaft und erweitern Sie die Details.

    
Alexander 08.08.2017 15:34
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Problem mit SQL Server ManageMent Studio Intellisense