Heim > Artikel > Web-Frontend > Wie kann ich überschreibende CSS-Regeln in den Chrome-Entwicklertools identifizieren?
CSS-Überschreibung in Chrome-Entwicklertools überwinden
Wenn Sie bei der Verwendung der Chrome-Entwicklertools auf überschriebene CSS-Regeln stoßen, fragen Sie sich möglicherweise, wie Sie diese identifizieren können übergeordnete Regel. Glücklicherweise bietet Chrome eine praktische Lösung.
Suchen der übergeordneten Regel
Navigieren Sie im Elementinspektor zum Bereich Berechneter Stil. Wählen Sie die Immobilie aus, an der Sie interessiert sind, und erweitern Sie sie. Hier finden Sie eine Liste der anwendbaren Regeln, wobei die Gewinnerregel ganz oben steht.
Die Gewinnerregel wird durch die folgenden Faktoren bestimmt:
Beispiel
Wenn Sie die überschriebene Hintergrundfarbe eines Elements überprüfen möchten, erweitern Sie die Eigenschaft „Hintergrundfarbe“ im Berechneter Stil-Panel. Chrome zeigt die folgenden Informationen an:
Dadurch können Sie den genauen Speicherort der übergeordneten Regel bestimmen und CSS-Konflikte einfach lösen.
Das obige ist der detaillierte Inhalt vonWie kann ich überschreibende CSS-Regeln in den Chrome-Entwicklertools identifizieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!