如何在鼠标悬停期间观察元素的样式？答案

【问题标题】：How can I observe the style on an element during mouse-over?如何在鼠标悬停期间观察元素的样式？
【发布时间】：2010-05-28 21:41:26
【问题描述】：

我们向客户提供微型网站内容。他们为我们提供了一个 HTML 包装器，我们将我们的内容注入其中。我正在尝试调试我们的样式表似乎干扰了其包装器中的样式的问题。

通常我会使用 firebug 或 IE Developer Toolbar 来选择元素，我可以看到正在应用哪些样式，哪些正在被覆盖以及它们来自何处。但是只有当我将鼠标悬停在链接上时，才会存在这个特殊问题。具体来说，链接缩小了一点。

当我将鼠标悬停在链接上时，有什么可以用来查看浏览器对样式执行的操作吗？

【问题讨论】：

【解决方案1】：

右键单击元素。选择“检查元素”。在 firebug html 窗口中单击您感兴趣的标签。将鼠标悬停在页面中的元素上。您应该会看到样式更改为例如 a:hover

【讨论】：