在Chrome+中通过CSS悬停；GWT

我有一个奇怪的问题。我使用以下代码和样式在悬停时显示

：

<div class="hoverhome">
    <div class="...">...</div>
    <div class="hoverslave">...</div>
</div>

它只在这种配置下工作。如果我注释掉或甚至删除

.editelement

块（DOM中甚至不存在类“editelement”）

。hoverslave

将始终显示：

/*.editelement {
    *display: inline-block;*
    margin-left: 10px;
}*/

如果我尝试添加

左边距：10px其他任何地方（
div
，
.hoverslave
，…）。如何在
.hoverslave
的左侧获得10 px的边距

当我在本地运行应用程序时，一切都会正常工作，但当它部署在Google App Engine上时就不会了。W3C CSS验证程序不会显示任何错误。
只需在CSS声明中添加边距，即可显示
.hoverslave

好的，我发现了错误：我用错了GWT的
安全HTMLBuilder
。开始和结束标记不在一个SafeHtml对象内

错误：

sb.appendHtmlConstant("<div class=\"hoverhome\">");
sb.appendHtmlConstant("...");
sb.appendHtmlConstant("</div>");

我还错误地通过主机HTML页面中的标记加载CSS文件。现在不推荐使用此方法。使用内联元素，一切正常。有关解决方法的更多详细信息：
位置：相对；左：10px在
.hoverslave
上？我试试看。但我想我找到了原因：我用错了GWT的SafeThmlBuilder。修复后我会发布更新。这会破坏悬停效果。我知道。这就是为什么我称之为一个奇怪的问题。它也在我的计算机上工作，但在我部署它时不起作用。原因可能是我错误地使用了GWT的SafeThmlBuilder。我现在正试着把它修好。
sb.appendHtmlConstant("<div class=\"hoverhome\">");
sb.appendHtmlConstant("...");
sb.appendHtmlConstant("</div>");

sb.append(TEMPLATE.hoverhome(title, actions));