如何使用萤火虫检查CSS伪类？

Question

我正在努力与不愿意重复的css风格a:hover。

我试图检查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/

如何检查/调试CSS伪类，如:hover与萤火虫？

Answer 1

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

编辑

这里有一个形象：

Answer 2

也Theres的检查元素选项，只需右击在Firefox + Firebug的悬停元素，和多数民众赞成它。风格菜单也很方便。

Answer 3

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