Chrome 的 Firebug Lite 破坏了悬停效果和鼠标悬停事件

Question

我有一个奇怪的问题：使用Firebug Lite for Chrome 时，有时悬停不起作用。

我有什么：div 像这样：

<div class="editWindow">
    <ul>
        <li id="edCha" onclick="channels.add()">
            Редактировать канал
        </li>
        <li id="delCha" onclick="channels.chanLink()">
            Подключить клиента
        </li>
    </ul>
</div>

还有这个 CSS：

.editWindow li:hover, .chooseAction li:hover {
    background: #369;
    color: white;
    cursor: pointer;
}

当我第一次打开页面然后激活 Firebug 时，一切看起来都是这样的：

但如果我先激活 Firebug，然后打开此页面，悬停将不起作用。我在 Firebug 控制台中看不到任何错误，也没有悬停效果，就像这样（鼠标指针在那里，相信我）：

我只在 Win7 和 Linux (Mint 14) 上的 Chrome（Firefox 运行良好）中遇到了这个问题。

原因可能是什么？我很困惑。

编辑

在开发工具菜单中使用Force element state -> :hover 时，悬停样式有效。

编辑 2

我已将onmouseover="alert('test');" 添加到这些li 元素之一。在第二种情况下，alert 甚至没有被调用！

Answer 1

这可能不是您真正需要的，但如果您使用通常的 Chrome 开发者工具而不是 Firebug for Chtome，您可以强制元素具有特定状态。只需右键单击元素树中的元素，然后在 Force Element State 菜单项中选择任何状态。对于修改 CSS 非常有用。恕我直言，最好在 Chrome 中使用本机工具，尽管 Firebug 可能更有用。