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!

干杯!

在Chrome浏览器中更改悬停状态非常简单，只需遵循以下步骤:

1)在你的页面上右键点击，选择检查

2)在DOM中选择你想检查的元素

3)选择引脚图标(Toggle Element State)

4)然后勾选悬停

现在您可以在浏览器中看到所选DOM的悬停状态!

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!

干杯!

现在可以看到两个伪类规则，并将它们强加到元素上。

要查看样式窗格中的:hover之类的规则，单击右上方的小:hov文本。

要强制一个元素进入:hover状态，右键单击它并选择:hover。

在Chrome开发人员工具快捷方式的元素面板上的额外提示。

我想在引导工具提示上看到悬停状态。在Chrome开发工具中强制:hover状态并没有创建所需的输出，然而通过控制台触发mouseenter事件在Chrome中却做到了这一点。如果页面上有jQuery，你可以运行:

$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');

有几种方法可以在Chrome开发工具中查看HOVER STATE样式。

方法1

方法2

与Firefox默认开发者通行费

与Firebug