为什么响应功能不起作用？

Question

在给定的link中，为什么导航栏消失的响应效果不起作用？

 <nav>
<li>Hello</li>
</nav>


<style>@media screen and (max-width:400px) {
   .nav {
      display: none;
   }
</style>

Answer 1

这是因为您使用 class 选择器 .nav 而不是标签选择器 nav。
此外，您缺少结束媒体查询的括号。

更改它，它应该可以工作

Answer 2

您需要在没有点 (.) 的导航元素上应用样式

   nav {display: none;}

This is how you select elements in css.

此外，您似乎还缺少样式前的右大括号。