chrome调试hover后才出现的元素的样式

开发中写页面时经常会遇到需要调试hover后才出现的元素的样式，在此有个小技巧。

调试 hover后才出现的元素：

1、打开开发者工具，鼠标放在hover时才出现的元素上，然后点击右键；

2、不要选中任何选项，将鼠标移动到开发者工具的调试面板中；

3、按下N键，此时悬浮的元素不会消失，定位成功。

这里补充一下修改元素悬浮样式的方式：

1、选中有hover样式的元素；

2、在开发者工具中选择:hov；

3、在面板中勾选:hover，当然，这里勾选其他的选项也就是看对应操作下的样式。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容