Chrome 开发者工具如何查看 :hover 样式？

[dreamer]

在 Firefox 下使用 Firebug 查看某个元素的时候，如果该元素设置了 :hover 样式，那么鼠标移动上去之后，Firebug 就会自动给出元素的 :hover 样式 css 代码。

但是在 Chrome 下用开发者工具的时候，当我查看某个元素，鼠标移动上去之后元素样式改变了，但是开发者工具里面没办法查看到当前样式的 css 代码，是不是 Chrome 开发者工具目前还不支持？

[xlaok]

记得前不久有人问过类似的

选中元素后，在开发者工具右上角有个小箭头一样的东西，点击一下就能选：hover等等了

[skydiver]

http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools

点右上角的按钮就可以了

[iuhoay]

[zhy0216]

或者在弹出的html代码那里, 要hover的元素那里右键, 有个force element state, 选hover

[botao1]

@skydiver 请问Firebug有类似的功能么？

[dreamer]

@skydiver
@iuhoay
@zhy0216

多谢各位，了解了！

[xhslyf]

@skydiver
@iuhoay

这个每次都要手动去点，可以设置成类似 Firebug 那样“常驻”显示的吗？
就是鼠标已经过某元素，他的 :hover 样式就会显示出来。