Heim  >  Artikel  >  Web-Frontend  >  Wie überprüfe ich, ob CSS überschrieben ist?

Wie überprüfe ich, ob CSS überschrieben ist?

青灯夜游
青灯夜游Original
2020-11-24 17:06:054408Durchsuche

Sie können mit den Entwicklertools von Chrome ganz einfach überprüfen, ob der CSS-Stil überschrieben wird: 1. Öffnen Sie die angegebene Seite im Chrome-Browser, klicken Sie mit der rechten Maustaste auf das angegebene Element und klicken Sie dann auf die Schaltfläche „Überprüfen“. Entwicklung Wenn der CSS-Code in der Tool-Schnittstelle durchgestrichen ist, wird er von anderen CSS-Codes überschrieben.

Wie überprüfe ich, ob CSS überschrieben ist?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Chrome84.0.4147.89 und CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

Über die Entwicklertools des Chrome-Browsers können Sie ganz einfach überprüfen, ob der CSS-Stil überschrieben wird.

Ansichtsmethode:

1. Öffnen Sie die Seite, die Sie im Chrome-Browser anzeigen möchten, klicken Sie mit der rechten Maustaste auf das angegebene Element und klicken Sie dann auf die Schaltfläche „Inspizieren“

Wie überprüfe ich, ob CSS überschrieben ist?

Die folgende ähnliche Oberfläche wird angezeigt oben:

Wie überprüfe ich, ob CSS überschrieben ist?

In Auf der rechten Seite erscheint eine Deklaration des CSS-Codes des entsprechenden Elements. Einige CSS-Codes sind durchgestrichen, was darauf hinweist, dass sie von anderen Codes abgedeckt werden.

Dann können Sie im aktuell gesperrten CSS-Code nach oben oder unten schauen, um den CSS-Code zu finden, der dem CSS entspricht, und Sie können herausfinden, welcher Code den aktuellen Code abdeckt.

Zum Beispiel wird .layui-inline, img {}中的display: inline-block;vertical-align: middle; im Bild oben durch das CSS unten abgedeckt.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Videokurse zum Programmieren! !

Das obige ist der detaillierte Inhalt vonWie überprüfe ich, ob CSS überschrieben ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn