chrome中如何查看元素的hover事件
问题:
最近在解决一个样式问题,就是必须hover上去后才能看得到效果
但是鼠标hover之后再去查看元素样式的时候就没有hover效果了
难道chrome对于这种伪类添加的效果就查看不了了么?
答案是否定的
解决:
- chrome提供了模拟元素的各种使用伪类交互场景,足够满足开发的要求,如下
- 当你选中你要模拟hover的元素后,找到调试工具的这个位置点击一下就可以了
- 勾选对应的事件即可,然后你就可以查看到对应的样式,然后进行修改
否则调试工具中不会展示hover对应产生的样式,就会让你很难去定位到这个问题所在
