Wie kann ich die On-Hover-Stile von Links in Firebug effektiv untersuchen?

Wie kann ich die On-Hover-Stile von Links in Firebug effektiv untersuchen?

Wenn ich Ctrl+ Shift+ drücke C, um einen Link auf meiner Webseite in Firebug zu untersuchen, werden die zugehörigen On-Hover-Stile im CSS-Bedienfeld angezeigt.

Wenn ich meine Maus jedoch vom untersuchten Element (meinem Link) wegbewege, verschwinden die CSS-Informationen auf dem Panel. Ich möchte die Maus vom Link wegbewegen, damit ich in Firebug an den verschiedenen Eigenschaftswerten herumbasteln kann.

Wie kann ich die On-Hover-Eigenschaften des Links untersuchen, nachdem ich die Maus wegbewegt?

Antwort1

Das sollte reichen.

  1. Drücken Sie Ctrl+ Shift+ Cüber einem Link auf einer Webseite, um ihn mit Firebug zu untersuchen.
  2. Klicken Sie auf das CSS-Bedienfeld.
  3. Klicken Sie rechts auf den Pfeil rechts neben „Stil“.
  4. Klicken Sie auf ":hover".

Bildbeschreibung hier eingeben

Antwort2

Wenn Sie die Schaltfläche „Untersuchen“ in der Firefox-Symbolleiste verwenden, können Sie zu dem Link gehen, den Sie untersuchen möchten, und ihn durch Klicken auswählen. Überprüfen Sie im HTML-Bereich, ob Sie das richtige Element ausgewählt haben. Wenn Sie dann mit der Maus über den Link fahren, werden die Link-Hover-Stile im CSS-Bereich angezeigt. Wenn Sie die Maus wegbewegen, wird der normale Link-Stil angezeigt.

verwandte Informationen