为什么响应功能不起作用？ [关闭]

Question

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

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


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

Answer 1

这是因为您使用类选择器.nav 而不是标签选择器nav。
你也缺少括号来结束你的媒体查询。

更改它，它应该可以工作

Answer 2

您需要将样式应用于不带点 (.) 的导航元素

   nav {display: none;}

This is how you select elements in css.

此外，您似乎在样式之前缺少一个右大括号。