Chrome 控制台调试hover样式以及hover后才出现的元素

2,075 阅读1分钟

调试 hover后才出现的元素

1、打开开发者工具,鼠标放在hover时才出现的元素上,然后点击右键; 2、不要选中任何选项,将鼠标移动到开发者工具的调试面板中; 3、按下N键,此时悬浮的元素不会消失,定位成功。

这里补充一下修改元素悬浮样式的方式(如下图):

1、选中有hover样式的元素; 2、在开发者工具中选择:hov; 3、在面板中勾选:hover,当然,这里勾选其他的选项也就是看对应操作下的样式。

image.png