Firebug Lite for Chrome会破坏悬停效果和鼠标悬停事件

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控制台没有错误，也没有像这样的悬停效果（鼠标指针在那里，相信我）：

我只在Chrome（Firefox运行良好）中遇到此问题，无论是在Win7上还是在Linux上（Mint 14）。

原因是什么？我很困惑。

修改

在开发工具菜单中使用Force element state -> :hover时，悬停样式可以正常工作。

编辑2

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

Answer 1

这可能不是您实际需要的，但如果您使用常用的Chrome 开发人员工具而不是Firebug for Chtome，则可以强制元素具有某种状态。只需右键单击元素树中的元素，然后在强制元素状态菜单项中选择任何状态。对修改CSS非常有用。恕我直言，最好在Chrome中使用原生工具，尽管Firebug可能更有用。