css - 在导航栏悬停时显示 Firefox 57 标签栏

Question

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

#TabsToolbar {
    visibility: collapse !important;
}

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

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

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

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

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

<!DOCTYPE html>
<html>
<body>

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

score 2 · Accepted Answer

这对我有用。

#TabsToolbar {
    visibility:collapse;
}

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

这通过检测悬停在整个顶部导航栏上来工作

1 回答 1