如何查看附加的样式：firebug中的悬停和其他伪类以及chrome调试器

Question

我知道必须有一种方法可以做到这一点，我总是只是解决它，但是， 有什么方法可以看到（和/或编辑）应用于元素的伪类样式？

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

PS。 我真的更关心如何在chrome调试器中执行此操作，尽管感谢firebug！

Answer 1

检查元素，然后：

对于Firebug：

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

对于Chrome：

您可以看到伪造的类规则并强制它们在元素上。

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

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

Answer 2

在Chrome中，您只需右键单击（以便悬停）div，然后单击Inspect。 如果Inspect框在控制台中，当你右键单击它时，你的鼠标“掉落”在控制台中，你仍然在同一时间盘旋div。 然后你cqn正常看到：hover伪样式。

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

Answer 3

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