开发中写页面时经常会遇到需要调试hover后才出现的元素的样式，在此有个小技巧。
调试 hover后才出现的元素：
1、打开开发者工具，鼠标放在hover时才出现的元素上，然后点击右键；
2、不要选中任何选项，将鼠标移动到开发者工具的调试面板中；
3、按下N键，此时悬浮的元素不会消失，定位成功。
这里补充一下修改元素悬浮样式的方式：
1、选中有hover样式的元素；
2、在开发者工具中选择:hov；
3、在面板中勾选:hover，当然，这里勾选其他的选项也就是看对应操作下的样式。
chrome调试hover后才出现的元素的样式
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 打开开发者模式切换到sources(中文来源) 鼠标移入要调试的元素 按快捷键ctrl + | (打断点快捷键)...
- 调试页面的时候，有一类元素是鼠标悬停在特定位置才会出现的，鼠标移走，元素消失(如二维码)给调试造成不方便 怎样才能...
- 前端开发离不开浏览器 | 前端调试离不开控制台 我要开始写代码了→想看一下效果→打开浏览器→不满意或者出问题了→想...
