我单击 firebug 图标，然后将鼠标悬停在菜单项上，以便在 firebug css 编辑器上检查它的 css
然后我将鼠标悬停在样式编辑器上以更改它们的某些内容，并且由于菜单关闭，CSS 失去了焦点
如何让悬停菜单保持打开状态，以便我可以使用 firebug 编辑它的样式？
最佳答案
这种hover menu的显示有两种情况，需要区别对待
通过 CSS
这意味着使用:hover伪类显示菜单。在这种情况下，您可以通过选择对 HTML panel 中的悬停使用react的元素来保持菜单显示。然后在 Style side panel 中选择 :hover 选项的选项。通过 JavaScript
<
这意味着菜单是通过一些 JavaScript 事件显示的，例如mouseover或click。为了能够检查菜单并更改其样式，您需要在悬停菜单时立即停止脚本执行。如果在悬停菜单元素时添加了一个类或更改了内联样式的displayCSS 属性，您可以通过右键单击 HTML 中的一个菜单元素来实现 面板并从上下文菜单中选择Break On Attribute Change，然后将菜单悬停在页面中。然后脚本执行将停止，您将能够切换回 HTML 面板以检查和编辑样式。
注意:Script panel必须启用它才能工作。
不同于使用仅适用于单个 HTML 元素的Break On Attribute Change 选项，一般的 Break On Mutate 函数 (
) 也可以用于此目的。
关于css - 我怎样才能让悬停的菜单项保持打开状态，以便我可以用 Firebug 编辑它的样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24409626/