如何有效地检查 Firebug 中链接的悬停样式?

如何有效地检查 Firebug 中链接的悬停样式?

当我点击Ctrl+ Shift+C在 Firebug 中检查网页上的链接时,它会在 CSS 面板中显示其相关的悬停样式。

但是,当我将鼠标从所检查的元素(我的链接)上移开时,面板上的 CSS 信息消失了。我想将鼠标从链接上移开,这样我就可以修改 Firebug 中的各种属性值。

当我移开鼠标后,如何检查链接的悬停属性?

答案1

这应该可以。

  1. 在网页上点击Ctrl+ Shift+链接即可使用 Firebug 检查它。C
  2. 单击 CSS 面板。
  3. 在右侧,点击“样式”右侧的箭头。
  4. 单击“:hover”。

在此处输入图片描述

答案2

如果您使用 Firefox 工具栏上的检查按钮,您可以转到要检查的链接并单击以选择它。使用 HTML 窗格检查您是否选择了正确的元素。然后,如果您的鼠标悬停在链接上,它将在 CSS 窗格中显示链接悬停样式,如果您将鼠标移开,您将看到正常的链接样式。

相关内容