Javascript 如何在firebug和chrome调试器中查看附加到：hover和其他伪类的样式

我知道一定有办法做到这一点，我一直都在努力解决这个问题，但是，有什么办法可以查看（和/或编辑）应用于元素的伪类样式吗？

例如，我想在调试器中编辑

.myclass:hover

或

#someid:active

---

另外，我真的更关心如何在chrome调试器中实现这一点，尽管firebug非常感谢

在Chrome中，只需右键单击div并单击Inspect（检查）。 如果检查框在控制台中，当您右键单击它时，您的鼠标会“落”在控制台中，同时您仍在div上悬停。然后您可以正常看到：hover伪样式

---

这是愚蠢的，但这是我的解决方法。

在Firebug中，您可以使用：使用蓝色选择箭头工具悬停来选择元素，当您悬停在元素上时，您将能够看到它。不幸的是，当您移动鼠标时，它会消失，但您可以看到它在哪一行，然后通过firebug CSS选项卡编辑CSS。

检查元素，然后：

对于Firebug:

请注意，如果再次飞越元素，悬停CSS代码将消失（必须重新检查：hover）

对于铬：

您可以查看psuedo类规则并将它们强制到元素上

要在样式窗格中查看它们，请单击右上角的小点框按钮

要强制元素进入

：将其悬停在
状态，请右键单击它

这是哪个版本的chrome？你知道有没有更稳定的版本？贝塔？dev？这在非常小的元素上几乎是不可能的，谢谢你的提示。不，不是真的。只需扩展控制台，使其占据大部分屏幕。然后右键单击下拉菜单应部分位于控制台中。那你就完了。我得承认，我以前也做过类似的事情。哈哈，即使这样也很烦人。这只是为了展示前端开发人员在最近之前是如何被视为二手公民的。我们很高兴看到新的Chrome将实现更好的功能（虽然很难比这更快，因为它看起来很愚蠢，但实际上感觉很自然，而且不会添加任何点击来获取信息）