问题：如何查看网页上元素的":hover"和":active"属性？

原因：用户想要查看网页上元素的":hover"和":active"属性。

解决方法：可以通过以下方法来查看：

1. 在元素检查器中点击元素。将鼠标移动到元素上，按上箭头键然后按下箭头键。您将看到hover属性。

2. 另外，按下Tab键（在Chrome上按上下箭头键后）可以在CSS属性之间滚动。

3. 在最新版本的Firefox中，您可以在元素检查器中右键单击一个元素并设置所需的状态。请参阅DOM Inspector FAQ。

相关链接：[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)

如何查看网页中元素的":hover"和":active"属性？

在Firefox浏览器中，Firebug和DOM Inspector扩展都可以让你检查任意元素的:hover和:active状态，至少我记得是这样的。但是在Firefox 29中还能用吗？我找不到以前的hover菜单了。

在DOM Inspector中肯定是可以的，我通常都是用这个。

你用的是Firefox 29吗？我实际上读过这篇文章（developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements），里面讲到他们如何改变行为，现在在html面板中为每个元素都有一个下拉菜单，而不是在网页中显示。这个新方式挺好的，只是让我有些困惑，因为我习惯了旧的方式。

嗯，我用的是最新版本的Firefox。而且，我用的是来自addons.mozilla.org的DOM Inspector扩展，而不是那个页面介绍的内置开发工具。

在最新的Firefox版本中，只需右键点击你感兴趣的DOM节点即可从检查器中查看。

这应该是一个可接受的答案。

在Firefox 41中，似乎有更好的控制方法来应用:hover、:active和:focus伪类。我将它留在这里供参考（developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Setting_hover_active_focus）。

在Firefox 44中，有一个小烦恼。当强制一个元素hover时，点击其他元素会重置强制hover。有没有办法在Firefox Config（about:config）中禁用这个行为，或者有其他方法？

解决方法：

在Firefox浏览器中，可以使用Firebug或DOM Inspector扩展来查看网页中元素的:hover和:active状态。在最新版本的Firefox中，只需右键点击感兴趣的DOM节点即可查看。此外，Firefox 41版本引入了更好的控制方法来应用:hover、:active和:focus伪类。对于点击其他元素会重置强制hover的问题，目前尚无特别的解决方法，可能需要进一步研究或尝试其他方案。