html – 检查Firebug或Chrome DevTools中的悬停状态

发布时间：2020-12-14 18:52:03 所属栏目：资源来源：网络整理

导读：我有一个具有CSS悬停状态的 HTML元素.有一个悬停的边缘或填充的错误,每次我鼠标悬停,元素的内容滑动一点,它的烦人. 我想使用FireBug或Chrome开发工具进行调试,但我使用这些工具的常见问题是,在从Firebug / devtools中选择元素后,我显然需要将鼠标移回开发工

我有一个具有CSS悬停状态的 HTML元素.有一个悬停的边缘或填充的错误,每次我鼠标悬停,元素的内容滑动一点,它的烦人.

我想使用FireBug或Chrome开发工具进行调试,但我使用这些工具的常见问题是,在从Firebug / devtools中选择元素后,我显然需要将鼠标移回开发工具和悬停状态不再启用.

如何使用这些工具检查/调试HTML元素,其元素处于悬停状态？

解决方法

Chrome开发工具在Elements>中具有内置的：悬停状态选择器样式面板.您也可以在其中切换其他伪类(如：活动).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!