我正在与一种a:hover我无法覆盖的不情愿的 css 风格作斗争。
我试图检查 Firebug 中的元素，但我看不出它为什么不起作用。我什至看不到如何a:hover在 Firebug 中正确检查 css 事件。
我已经看到：
Firebug 中的悬停检查http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
但我还没有弄清楚如何重现那里提到的步骤。
另外：伪幻影http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/
如何像:hoverFirebug 那样检查/调试 CSS 伪类？
这很容易。只需选择要检查的元素。然后，从右侧的面板中，单击Style菜单项。在那里你可以选择伪类:hover
编辑
这是一张图片：
解决此类问题的一个有用技术是比较悬停状态和非悬停状态。打开浏览器的两个实例（双屏或三屏设置很有用），在每个窗口中加载您正在处理的页面，然后按照 JohnP 在他的回答中所说的操作，在一个窗口中查看悬停状态的样式，非悬停在另一个，并从那里进行分析。当样式下拉菜单覆盖实际的 css 详细信息窗格时，在 Firebug 中比较样式很尴尬，虽然您可以通过将鼠标移到您正在处理的元素上和离开来查看 Firefug 中的悬停和非悬停状态 css，做以这种方式进行比较更加棘手。
还有 INSPECT ELEMENT 选项，只需右键单击 Firefox + Firebug 中悬停的元素，就是这样。样式菜单也很方便。