Question

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

#TabsToolbar {
    visibility: collapse !important;
}

并且我希望标签栏仅在我将鼠标悬停在导航栏上时可见，即包含地址栏，导航按钮，菜单按钮等内容的工具栏。所以，我确实尝试了以下方式。

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

我注意到＃nav-bar上的悬停属性根本不起作用，因为我注意到即使背景颜色也没有被改变。

更新：一般来说，CSS会像这样工作：

＆＃13;

#b
{
visibility: collapse;
}
#a:hover+#b
{
visibility: initial !important;
}

＆＃13;

<!DOCTYPE html>
<html>
<body>

<toolbar id="a">div a
	<p>This para</p>
</toolbar>
<toolbar id="b">div b</toolbar>
</body>
</html>

＆＃13;

Answer 1

这对我有用。

#TabsToolbar {
    visibility:collapse;
}

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

}

因为#TabsToolbar在＃nav-bar之前，而css只支持@Andrei Gheorghiu强调的前锋。我使用＃navigator-toolbax的父节点解决了这个问题。它按照预期的方式工作。