我想看到:hover样式的锚，我在Chrome中徘徊。在Firebug中，有一个样式下拉菜单，允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
当前回答
在我的情况下，我想dubug引导工具提示。但是上面的方法对我不起作用。我猜bootstrap通过鼠标in/out事件实现了这一点。
无论如何，当我悬停在一个按钮上时，它会在按钮下面生成一个兄弟html元素，所以我在“开发人员工具”窗口的“元素”选项卡中选择按钮的父元素，悬停按钮，然后“Ctrl + C”，然后我可以粘贴包含生成代码的源代码。最后找到生成的代码，并通过“元素”选项卡中的“编辑为HTML”将其添加到源代码中。
希望它能帮助到一些人。
其他回答
It's also possible that the code can be hidden in the database and there is no actual file containing it. A client of mine has the "Travelify" theme by Colorlib and some of the options from the WP admin GUI write directly to the DB and the DB generates the css code on the fly - I can see the css in html source but nowhere in any actual files. This drove me crazy and took me awhile to figure out. There's a great DB search tool for WP called "Search and Replace" by Inpsyde GmbH that I have found to be invaluable. Be careful with it of course!
干杯!
使用JS可以触发元素上的MouseEvent。下面是如何对悬停进行操作。
使用右键单击检查元素。 像这样复制JS路径 在Sources Chrome DevTools中按“Esc”键打开控制台。 然后粘贴复制的路径，并添加.dispatchEvent(new MouseEvent('mouseover'， {'bubbles': true}));是这样的: 按enter键，然后可以与悬停状态后发生的任何DOM更改进行交互。
我想在引导工具提示上看到悬停状态。在Chrome开发工具中强制:hover状态并没有创建所需的输出，然而通过控制台触发mouseenter事件在Chrome中却做到了这一点。如果页面上有jQuery，你可以运行:
$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');
我可以通过遵循Babiker建议的以下步骤来看到风格 右键单击元素，但不要将鼠标指针移离该元素，保持悬停状态。通过键盘选择检查元素，就像点击箭头，然后回车键。”
改变风格遵循以上步骤，然后- 通过按键盘上的ctrl + tab来更改浏览器选项卡。 然后单击要调试的选项卡。你的悬停屏幕仍然在那里。现在小心地将鼠标移到开发人员工具区域。
我知道我所做的是相当的变通，但它工作完美，这是我每次都做的方式。
然后，像这样进行:
首先确保Chrome开发工具是未停靠的。 然后，将Dev Tools窗口的任意一侧移动到你想要检查的元素中间。
最后，悬停元素，右键单击并检查元素，将鼠标移动到开发工具窗口，你将能够玩你的元素:悬停css。
干杯!
