如何在firebug和chrome调试器中看到附加到:悬停和其他伪类的样式

Question

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

例如，Im希望在调试器中编辑.myclass:hover或#someid:active。

ps。我真的更关心如何在chrome调试器中这样做，尽管firebug被欣赏了！

Answer 1

检查元素，然后：

For Firebug:

​

​

请注意，如果您再次飞越元素(您必须重新检查：悬停)，悬停CSS代码将消失。

For Chrome:

您可以同时看到psuedo类规则并将它们强制在元素上。

若要在“样式”窗格中看到它们，请单击右上角的小虚线框按钮。

​

​

若要强制元素进入:hover状态，请右击它。

​

​

Answer 2

在Chrome中，您只需右键单击div并单击Inspect (因此您正在悬停)。如果检查框在控制台中，当您右键单击它时，您的鼠标“跌倒”在控制台中，您仍然在同时悬停div。然后cqn通常会看到:悬停伪样式。

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

Answer 3

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