如何在网页上看到元素的":hover"和":active"属性？

Question

可能重复:
如何使用chrome Web检查器查看悬停代码

在Google Chrome和Firefox中,只有在悬停或点击元素时才能查看悬停和活动状态CSS属性.但是,只要我的鼠标离开元素或我释放鼠标,我就无法再查看属性了.

是否有Chrome扩展程序或Firefox插件可以让我在悬停或活动状态下查看元素？

Answer 1

单击元素检查器中的元素.将鼠标移到元素上,按向上箭头键,然后按向下箭头键.你会看到悬停属性.

在最近的Firefox版本中,您只需右键单击元素检查器中的元素并设置所需的状态即可.请参阅[DOM Inspector FAQ](https://developer.mozilla.org/en-US/docs/DOM_Inspector/DOM_Inspector_FAQ#.C2.A0How_do_I_inspect_pseudo-classes_and_pseudo-elements_in_the_CSS_Rules_viewer.3F) (16认同)

Answer 2

Firebug和Firefox的DOM Inspector扩展允许您检查:hover和:对任意元素的活动状态,我记得.

在最近的Firefox版本中,只需**从检查器中右键单击您感兴趣的DOM节点**. (28认同)
Firefox 41现在似乎有更好的控制来应用悬停,活动和焦点伪类.我要离开这里仅供参考.https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Setting_hover_active_focus (9认同)
这仍然适用于Firefox 29吗？我似乎无法像以前一样找到悬停菜单. (3认同)