Css 在导航栏悬停时显示firefox 57选项卡栏

我正在尝试编辑userChrome.css文件，以默认隐藏FF 57上的选项卡栏，并使用以下代码进行编辑

#TabsToolbar {
    visibility: collapse !important;
}

我希望选项卡栏只有在我将鼠标悬停在导航栏上时才可见，即包含地址字段、导航按钮、菜单按钮等内容的工具栏。所以，我尝试了以下方法

#nav-bar:hover+#TabsToolbar{
    visibility: visible !important;
    background-color:red !important;
}

我注意到，悬停属性在导航栏上根本不起作用，因为我注意到，即使背景颜色也没有改变

更新： 一般来说，css的工作原理如下：

#b
{
能见度：塌陷；
}
#a:悬停+#b
{
可见性：初始！重要；
}

a组
本段

b组

这对我很有效

#TabsToolbar {
    visibility:collapse;
}

#navigator-toolbox:hover #TabsToolbar{
    visibility: visible !important;
    
}

---

这是通过检测整个顶部导航栏上的悬停来实现的，没有标记的CSS是无用的。考虑添加一个完全合格的（活片段）来复制您的问题。你也应该考虑放弃<代码>！本例中的重要信息。绝对没有什么可以覆盖的，所以…@AndreiGheorghiu对于普通的css div片段，它可以工作，但是对于firefox，它不能工作。我将在上述问题的正常情况下发布css片段。如果它不起作用，则表示

#nav bar:hover+#tabstolbar

与您的元素不匹配。这意味着它与Firefox或其版本无关。为了进行测试，请在其他浏览器中打开项目。@AndreiGheorghiu我使用chrome inspector工具（Ctrl+Alt+Shift+I）与xul进行了检查，并注意到元素的id是#导航栏，它包含所有元素。#导航栏是#TabsToolbar的下一个元素，并且#导航栏包含许多子元素。在Linux上的Firefox Quantum 57.0.1（64位）中，我可以完美地（按预期）工作。好吧，不，我不得不这么做，现在它隐藏了选项卡栏。但在悬停时不显示它：预先移动“>”修复了它：）