请参阅：Chrome开发人员工具中的hover状态 [英] See :hover state in Chrome Developer Tools

问题描述

我想查看：hover style for a anchor我在Chrome中悬停。在Firebug中，有一个Style下拉菜单，允许我为一个元素选择不同的状态。我似乎在Chrome中找不到类似的东西。

解决方案

现在你可以看到psuedo类的规则，并强制他们的元素。

要查看样式面板中：hover 的规则，请单击小：hov

$

要将元素强制为：hover 状态，请右键单击它。

elements panel =nofollow noreferrertitle =Chrome开发人员工具快捷键> Chrome开发者工具快捷键。

I want to see the :hover style for an anchor I'm hovering on in Chrome. In Firebug, there's a Style dropdown that allows me to select the different states for an element. I can't seem to find anything similar in Chrome. Am I missing something?

解决方案

Now you can see both the psuedo-class rules and force them on elements.

To see the rules like :hover in the Styles pane click the small :hov text in the top right.

To force an element into :hover state, right click it.

Additional tips on the elements panel in Chrome Developer Tools Shortcuts.

这篇关于请参阅：Chrome开发人员工具中的hover状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！