请参阅:Chrome 开发者工具中的悬停状态 [英] See :hover state in Chrome Developer Tools

问题描述

我想查看我在 Chrome 中悬停的锚点的 :hover 样式.在 Firebug 中，有一个样式下拉菜单，允许我为元素选择不同的状态.

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 different states for an element.

我似乎在 Chrome 中找不到类似的东西.我错过了什么吗?

I can't seem to find anything similar in Chrome. Am I missing something?

推荐答案

现在您可以看到伪类规则并将它们强制应用于元素.

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

要在样式窗格中查看诸如 :hover 之类的规则，请单击右上角的小 :hov 文本.

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

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

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

关于元素面板的其他提示 在 Chrome 开发者工具快捷方式一>.

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