我知道必须有一种方法可以做到这一点，而且我一直都在解决它，但是，有没有什么方法可以让我看到（和/或编辑）应用于元素的伪类样式？
例如，我正在寻找编辑.myclass:hover 或#someid:active在调试器中。
附言。我真的更关心如何在 chrome 调试器中执行此操作，尽管对 firebug 表示赞赏！
问问题
3894 次
3 回答
28
检查元素，然后：
对于萤火虫：
请注意，如果您再次飞越元素，悬停 CSS 代码将消失（您必须重新检查:hover）。
对于铬：
您可以同时看到伪类规则并将它们强制用于元素。
要在样式窗格中查看它们，请单击右上角的小虚线框按钮。
要强制元素进入:hover状态，请右键单击它。
于 2011-07-20T19:25:03.120 回答
1
在 Chrome 中，您只需右键单击（以便悬停）div 并单击检查。如果 Inspect 框在控制台中，当您右键单击它时，您的鼠标“落”在控制台中，同时您仍然悬停在 div 上。然后你可以正常看到 :hover 伪样式。
这很愚蠢，但这是我的解决方法。
于 2011-07-20T19:22:45.650 回答
0
在 Firebug 中，您可以使用 :hover 和蓝色选择箭头工具选择一个元素，当您将鼠标悬停在该元素上时，您将能够看到它。不幸的是，当您移动鼠标时，它会消失，但您可以看到它在哪一行，然后通过 firebug css 选项卡编辑 CSS。
于 2011-07-20T19:24:33.917 回答