控制台调试悬停动态产生的Html+Css（Force State无效）

问题：对于一些样式（Css）的控制，我们经常是在控制编写Css来查看样式效果，再编写代码。然而，现在存在的问题，就是一些悬停动态产生的Html（Force State不生效）如何在控制台调试Css问题。
现象：当我们鼠标悬停在页面的div等元素上，会动态产生一些dom元素，这时，我们鼠标离开想进入控制台去调试Css时，会发现dom元素又消失了，对于动态产生的dom元素，最外面一层还可以敲代码，再一步步调试，然而，动态产生的dom元素里面一层，就令人头大了。

工具：

1.浏览器（Chrome）

解决办法：

1.打开页面的控制台（F12）,并保持当前选中的浏览器页面是控制台页面（不是项目页面）；
2.然后按键盘 Ctrl+Shift+C 打开选中工具；
3.鼠标移动到悬停产生动态dom元素的div等元素上；
4.这时保持鼠标不移动，通过Tab键、Enter键、上下左右键操控控制台来实现控制台调试Css问题。