无法理解为什么显示：none无法正常工作

Question

我正在尝试编写一个简单的响应式菜单，但我无法完成它。代码“应该”有效，但它没有:(

在移动设备上时，我将导航块设置为display:none并使用jQuery滑动切换它，但导航块仍然可见。

你能解释一下原因吗？我做错了什么？

the code on CodePen

谢谢你和借口

Answer 1

由于CSS Specificity

nav#navigation比#navigation更具体，因此应用了显示块。