以下媒体查询的说明

Question

请解释以下响应式媒体查询的工作原理。

  @media not screen,screen and(max-width:400px)
{
nav,ad{
       display:none;
       }
a{
text-decoration:none;
color:inherit;
}
}

Answer 1

not screen表示它将应用于不是屏幕的媒体类型（打印等）

screen and(max-width:400px)表示它将使用窗口宽度为400px或更低的屏幕应用于所有媒体类型。

Answer 2

CSS似乎存在问题，因为“ad”标签不存在。你确定它不是

nav.ad {

请先检查并更正该错误。

nav.ad{
   display:none;
   }

当显示屏宽度为1px到400px时，上面的CSS将隐藏元素与class =“ad” 和

a{
text-decoration:none;
color:inherit;
}

上述CSS将从父ID /标记

继承URL / href字体颜色

希望这有帮助。