如何有效檢查 Firebug 中連結的懸停樣式?

如何有效檢查 Firebug 中連結的懸停樣式?

當我在 Firebug 中點擊Ctrl+ Shift+C檢查網頁上的連結時,它會在 CSS 面板中顯示其關聯的懸停樣式。

但是,當我將滑鼠移離所檢查的元素(我的連結)時,面板上的 CSS 資訊就會消失。我想將滑鼠從連結上移開,以便可以修改 Firebug 中的各種屬性值。

將滑鼠移開後,如何檢查連結的懸停屬性?

答案1

這應該可以做到。

  1. 在網頁上的連結上點擊Ctrl+ Shift+即可使用 Firebug 進行檢查。C
  2. 點擊 CSS 面板。
  3. 在右側,點選「樣式」右側的箭頭。
  4. 點選“:懸停”。

在此輸入影像描述

答案2

如果您使用 Firefox 工具列上的檢查按鈕,您可以前往要檢查的鏈接,然後按一下它以將其選取。使用 HTML 窗格檢查您是否選擇了正確的元素。然後,如果您的滑鼠懸停在連結上,它將在 CSS 窗格中顯示連結懸停樣式,如果您將滑鼠移開,您將看到正常的連結樣式。

相關內容