Google Chrome-Entwicklertools zeigen keine überprüften Elementstile?
Ich verwende die Google Chrome-Entwickler-Tools zum Testen meiner Website;
Es funktioniert gut für einige Elemente, aber für andere zeigt es den Selektor aber zeigt es als keine Stile; Das Element verfügt über Stile und die Stile werden auf das Element angewendet. aber der Inspektor zeigt keine Stile.
Wenn ich auf den Link zur CSS-Dateizeile für diesen Inspektor klicke, kann ich die Stile dort sehen.
Ich habe ein Google-Gruppen-Thema gesehen, das besagt, dass alle leeren% entfernt. co_de% declarations hat den Fehler behoben. Ich habe jedoch keine leeren url() -Deklarationen.
Ich fand auch diesen Fehler, der etwas ähnlich ist ; aber nicht genau dasselbe. Eine Sache, die ich bemerkte, ist, dass sowohl der Anwendungsfall dieses Bugs zur Verfügung gestellt und mein Setup twitter-bootstrap verwenden. Ich benutze die .less-Version von Bootstrap, die Bootstrap in die einzelne CSS-Datei als Kopie & gt; paste-Methode, also hat meine CSS-Datei 3740 Zeilen . Könnte das ein Teil des Problems sein?
Die Elemente sind nicht tief verschachtelt ( url() ).
Es werden nicht zu viele Styles auf die Elemente angewendet (& lt; = 10).
1 Antwort
Ok, also habe ich auch diesen Fehler gefunden , der aussieht als hätte er einen nähere Übereinstimmung mit dem Fehler.
Es besagt, dass
DevTools bricht ab, wenn eine nicht erkannte Pseudoklasse in CSS vorhanden ist
was twitter-bootstrap macht! Es sieht also so aus, als wären die Dev-Tools defekt, wenn Sie Twitter-Bootstrap verwenden (oder irgendetwas, das versucht, herstellerspezifische Pseudoklassen zu verwenden). afaik der einzige Weg, dies zu lösen, ist zu warten, bis dieser Fehler von den Entwicklern gelöst wird.
Wenn jemand eine Lösung für dieses Problem veröffentlichen kann, akzeptiere ich seine Antwort!
Tags und Links css google-chrome google-chrome-devtools web-inspector