Haben Sie jemals CSS auf ein Element angewendet, aber es funktioniert einfach nicht?
Mit den Chrome-Entwicklertools können Sie CSS-Probleme auf einen Blick erkennen, Fehler beheben und testen.
Im Video erfahren Sie, wie im Bereich Elemente > Stile verschiedene CSS-Probleme hervorgehoben werden:
Property mit ungültiger Syntax
Überschriebene Property
Inaktive Property 
Von
parentübernommen
übernommene Property
nicht übernommene Property
Expandable-Kurz-Property 
Überschriebene Longhand-Property
Aktive Longhand-Property
User-Agent-Stylesheet
- Nicht bearbeitbare Property
Überschriebene nicht bearbeitbare Property
Weitere Tipps zur Fehlerbehebung:
- Verwenden Sie den Filter im Bereich Stile, um sich auf die Property zu konzentrieren, die Sie interessiert.
- Im Bereich Berechnet sehen Sie alle Cascade-Gewinner und deren berechnete Werte.
- Maximieren Sie im Bereich Computed eine Property und klicken Sie auf einen Link, um die Quelle im Bereich Styles zu finden.
Weitere Informationen dazu, wie die Entwicklertools CSS-Probleme hervorheben, finden Sie unter Ungültige, überschriebene, inaktive und sonstige CSS suchen.
Wie Sie Ihre CSS-Kenntnisse erweitern, erfahren Sie unter CSS kennenlernen.
Informationen zum Erstellen von Websites, die gut aussehen und für alle gut funktionieren, finden Sie unter Responsives Design lernen.