如何让悬停菜单项保持打开状态，以便我可以用firebug编辑它的样式？

Question

我点击了firebug图标，然后我将鼠标悬停在一个菜单项上，以便在firebug css编辑器上查看它的css

然后我将鼠标悬停在样式编辑器上以便更改它们的内容，因为菜单关闭了css失去了它的焦点

如何让悬停的菜单保持打开状态，以便我可以使用firebug编辑它的样式？

Answer 1

有两种情况如何显示这些悬停菜单，需要以不同的方式处理

1. 通过CSS
   这意味着使用:hover伪类显示菜单。在这种情况下，您可以通过选择对HTML panel中的悬停做出反应的元素，然后在Style side panel中选择：hover 选项来显示菜单。选项。

2. 通过JavaScript
   这意味着菜单会通过mouseover或click之类的JavaScript事件显示。为了能够检查菜单并更改其样式，您需要在菜单悬停时立即停止脚本执行。如果添加了类或者内联样式中的display CSS属性更改为菜单元素，则可以通过右键单击中的某个菜单元素来实现此目的。 HTML 面板，从上下文菜单中选择 Break On Attribute Change ，然后将菜单悬停在页面中。然后脚本执行将停止，您将能够切换回HTML面板以检查和编辑样式。
   注意：必须启用Script panel才能生效。
   
   而不是使用仅适用于单个HTML元素的 Break On Attribute Change 选项，一般的Break On Mutate函数（）也可以用于此目的。