Debug-030-浏览器中F12审查伪类元素样式

问题描述：

        是一个平时会碰到，容易忽略掉的问题。对于一些鼠标悬浮显示的元素，前端想去查看这个悬浮展示的元素样式，此时一旦鼠标移出，元素就会消失，那么该如何审查这部分元素呢？

        

方法：

        （1）首先我们F12打开控制台，找到“源代码/来源”（英文名就是Sources）这一块

        （2）然后关注一下暂停按键。它的快捷键是"F8"

 （3）我们先把这个伪元素显示出来，然后点击"F8"暂停键，出现（1）tooltip框就不会消失了，然后我们就可以正常使用（2）点击元素一直查看它的样式。

（4）好了，最后可以去尝试一下。完美