野花--使用开发者工具查看及调试hover等状态的样式

第一种:

选中需要检查hover状态的元素,在开发者工具中的force element state中强制选择响应的状态,就会显示响应的css样式.

但是这种调试依然无法直接在页面上实时看到hover的样式.

 

 

第二种:

在开发者状态下,进入sources标签栏,

鼠标移动到页面你要hover的对象,显示出hover后的页面元素,然后按F8,进行暂停模式

 

接下来可以进行比较完美的调试