Css Firefox没有'；我认不出悬停

我正试图实现一个纯CSS弹出式上下文菜单，并让它在Chrome中运行得相当好，但FireFox却难倒了我。我可以通过聚焦按钮打开菜单。但是，在Chrome中工作的光标和悬停效果在Firefox中不起作用。它是可见的，但Firefox表现得好像不是

我在这里演示了一个JSFIDLE：

关键在于以下CSS：

nav button:focus nav {
  visibility: visible;
  opacity: 1;
}
nav li a:hover {
  background-color: #b0e0e6;
  transition: none;
}

当按钮聚焦时，第一个选择器使导航可见。

---

第二个选项应该在项目悬停时更改背景颜色，但仅在Chrome中有效。

对于单击按钮接收

：focus

sudo类在所有浏览器中都不是标准的

查看更多信息

---

您可以跳转到“单击并聚焦”部分。

要让单击的按钮接收

：聚焦
sudo类在所有浏览器中都不是标准的

查看更多信息

您可以跳转到“单击并聚焦”部分。
将导航移到按钮元素之外就可以了
 将导航移到按钮元素之外就成功了
 嗯，你在s里面有元素。这不是很有语义，我想这不是很有语义。我把它搬到外面，让它工作起来。与按钮内的元素交互可能会有问题，这是有道理的。谢谢你，李斯特先生！嗯，你在s里面有元素。这不是很有语义，我想这不是很有语义。我把它搬到外面，让它工作起来。与按钮内的元素交互可能会有问题，这是有道理的。谢谢你，李斯特先生！