我想看到:hover样式的锚,我在Chrome中徘徊。在Firebug中,有一个样式下拉菜单,允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
我想看到:hover样式的锚,我在Chrome中徘徊。在Firebug中,有一个样式下拉菜单,允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
当前回答
编辑:这个答案是在错误修复之前,见tnotcutt的答案。这有点棘手,但如下所示:
右键单击元素,但不要将鼠标指针移离元素,保持悬停状态。 通过键盘选择检查元素,就像点击箭头,然后回车键。 在开发工具中匹配的CSS规则下,你应该可以看到:hover。
PS:我在你的一个问题标签上试过这个方法。
其他回答
编辑:这个答案是在错误修复之前,见tnotcutt的答案。这有点棘手,但如下所示:
右键单击元素,但不要将鼠标指针移离元素,保持悬停状态。 通过键盘选择检查元素,就像点击箭头,然后回车键。 在开发工具中匹配的CSS规则下,你应该可以看到:hover。
PS:我在你的一个问题标签上试过这个方法。
我用Chrome调试菜单悬停状态,这样做是为了能够看到悬停状态代码:
在元素面板上点击切换元素状态按钮并选择:悬停。
在“脚本”面板中,选择右下角的“事件侦听器断点”,然后选择鼠标->鼠标。
现在检查菜单并选择您想要的方框。当你释放鼠标按钮时,它应该会停止,并在元素面板中显示所选元素的悬停状态(请参阅样式部分)。
在Chrome浏览器中更改悬停状态非常简单,只需遵循以下步骤:
1)在你的页面上右键点击,选择检查
2)在DOM中选择你想检查的元素
3)选择引脚图标(Toggle Element State)
4)然后勾选悬停
现在您可以在浏览器中看到所选DOM的悬停状态!
如果有帮助的话,这在最新的Chrome(47.0.2526.106)中似乎更容易:
检查元素,然后单击左侧排水沟中的三个白点:
然后从下拉菜单中选择所需的元素状态:
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!
干杯!