Css 以下媒体查询的解释

请向我解释以下响应式媒体查询是如何工作的

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

---

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

nav.ad {

请先检查并更正该错误

nav.ad{
   display:none;
   }

当显示屏宽度为1px至400px时，上述CSS将隐藏带有class=“ad”的元素 及

上述CSS将从父ID/标记继承URL/href字体颜色

---

希望这有帮助。

非屏幕

意味着它将应用于非屏幕的媒体类型（打印等）

---

屏幕和（最大宽度：400px）

意味着它将应用于使用窗口宽度小于等于400px的屏幕的所有媒体类型。

请格式化您的代码。那么，只要阅读任何关于媒体查询的教程就可以了。我想你误解了这个问题。OP要求解释媒体查询

@media not screen，screen and（最大宽度：400px）

。关于

ad

标记，这很可能是真的（另请参见），但考虑到“not screen，screen”不是有效的媒体功能，也假定错误在于CSS选择器。无论哪种方式，它都将只渲染预定义宽度的“屏幕”选择器。此外，矛盾的选择器是否可以同时出现，如“not screen，screen”@masmrdrr，它们是逗号分隔的。这并不意味着它是“非屏幕”和“屏幕”，所以他可以用“全部”来代替。@Gezzasa-

all

在这种情况下不能使用。OP的查询基本上是“任何不是屏幕的东西，以及具有最大宽度的屏幕……”。更改为

all

将意味着无论宽度如何，所有屏幕都是目标屏幕-使第二个选择器冗余“not screen，screen”是两个完全独立且有效的媒体查询。它们既不是选择器，也不是媒体功能。但就像选择器一样，您可以在同一规则中有两个单独的媒体查询，它们仍将根据各自的条件进行匹配。这是否会造成冗余是另一回事。在这种特殊情况下，（max width:400px）表达式仅适用于屏幕媒体查询，因此将其与非屏幕媒体查询区分开来。

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