我想看到:hover样式的锚，我在Chrome中徘徊。在Firebug中，有一个样式下拉菜单，允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
当前回答
我想在引导工具提示上看到悬停状态。在Chrome开发工具中强制:hover状态并没有创建所需的输出，然而通过控制台触发mouseenter事件在Chrome中却做到了这一点。如果页面上有jQuery，你可以运行:
$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');
其他回答
编辑:这个答案是在错误修复之前，见tnotcutt的答案。这有点棘手，但如下所示:
右键单击元素，但不要将鼠标指针移离元素，保持悬停状态。 通过键盘选择检查元素，就像点击箭头，然后回车键。 在开发工具中匹配的CSS规则下，你应该可以看到:hover。
PS:我在你的一个问题标签上试过这个方法。
有几种方法可以在Chrome开发工具中查看HOVER STATE样式。
方法1
方法2
与Firefox默认开发者通行费
与Firebug
对我来说，为了调试这个工具提示，我点击切换设备工具栏切换到移动视图，然后点击有悬停效果的div，你也可以点击焦点可见来查看div和工具提示之间的间距，希望这将有所帮助。
我知道我所做的是相当的变通，但它工作完美，这是我每次都做的方式。
然后，像这样进行:
首先确保Chrome开发工具是未停靠的。 然后，将Dev Tools窗口的任意一侧移动到你想要检查的元素中间。
最后，悬停元素，右键单击并检查元素，将鼠标移动到开发工具窗口，你将能够玩你的元素:悬停css。
干杯!
现在可以看到两个伪类规则，并将它们强加到元素上。
要查看样式窗格中的:hover之类的规则，单击右上方的小:hov文本。
要强制一个元素进入:hover状态，右键单击它并选择:hover。
在Chrome开发人员工具快捷方式的元素面板上的额外提示。
