Wie überprüfe ich den :hover-Status in Chrome DevTools?

Überprüfen des :hover-Status in den Chrome-Entwicklertools

In den Chrome-Entwicklertools kann es schwierig sein, die Optionen zum Vergleichen der :hover-Stile zu finden zum intuitiven Stil-Dropdown von Firebug. Chrome bietet jedoch ähnliche Funktionen.

Pseudoklassenregeln anzeigen

Um Pseudoklassenregeln wie :hover im Bereich „Stile“ zu überprüfen, führen Sie die folgenden Schritte aus:

1. Klicken Sie auf den kleinen „:hov“-Text, der oben rechts im angezeigt wird Panel.

Elementstatus erzwingen

Chrome ermöglicht Ihnen auch, ein Element in einen bestimmten Status zu erzwingen:

1. Rechts- Klicken Sie auf das Element, das Sie untersuchen möchten.
2. Wählen Sie „:hover“ aus dem Kontext aus Menü.

Zusätzliche Tipps

Weitere Anleitungen zum Arbeiten mit Chrome Developer Tools finden Sie in den folgenden Ressourcen:

• [ Untersuchen Sie das Elementebedienfeld in Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/inspect-elements)
• [Tastaturkürzel in Chrome DevTools](https://developers.google.com/web /tools/chrome-devtools/shortcuts)

Das obige ist der detaillierte Inhalt vonWie überprüfe ich den :hover-Status in Chrome DevTools?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!