如何使用firebug检查CSS伪类？

Question

我正在努力处理一种我无法覆盖的不情愿的a:hover css风格。

我试图检查Firebug中的元素，但我不明白为什么它不起作用。我甚至没有看到如何在Firebug中正确检查a:hover css事件。

我见过：
萤火虫中的悬停检查http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
但我还没弄清楚如何重现那里提到的步骤。

此外： 伪幻象http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/

如何使用Firebug检查/调试:hover等CSS伪类？

Answer 1

这很简单。只需选择要检查的元素即可。然后，从右侧面板中单击Style菜单项。在那里，您可以选择伪类:hover

修改

这是一张图片：

Answer 2

Theres也是INSPECT ELEMENT选项，只需右键单击Firefox + Firebug中的悬停元素即可。风格菜单也很方便。

Answer 3

解决此类问题时，一种有用的技术可以是比较悬停状态和非悬停状态。打开浏览器的两个实例（双屏幕或三屏幕设置很有用），在每个窗口中加载您正在处理的页面，然后在他的答案中执行JohnP所说的内容，在一个窗口中查看悬停状态的样式，非悬停在另一个，并从那里进行分析。在Firebug中，当样式下拉列表覆盖实际的css详细信息窗格时，比较样式是很尴尬的，同时您可以通过将鼠标移动到您正在处理的元素上来查看Firefug中的悬停和非悬停状态css，这种比较比较棘手。