Css 媒体查询语法

我知道它的主题很简单，但我发现w3.com上提供的语法相当复杂。有人能破译吗？理解它重要吗

:

它还指定了它下面的一些标记。任何人也可以解码它们。

这是语法的正式定义。如果您正在寻找易于阅读的示例，请查看

简言之，

S

表示空格字符，

IDENT

表示标识符（如

foobar2

），

*

表示零次或多次重复。让我们详细讨论一下：

media_query_list
 : S* [media_query [ ',' S* media_query ]* ]?
 ;

表示一个

媒体查询列表

（即

@media（此处）

）包含一个或多个

媒体查询

，由逗号和可选间距分隔。例如，这些是有效的

media\u query\u list

s：

media_query
 media_query,  media_query,   media_query,media_query

media\u query

的定义在后面的中给出

media_query
 : [ONLY | NOT]? S* media_type S* [ AND S* expression ]*
 | expression [ AND S* expression ]*

|

表示有两种形式。其中一个

 media_type
 ONLY media_type
 NOT media_type

（和可选表达式，与

和

连接），或者只是一个表达式，后跟可选的多个其他表达式，与

和

连接

表达式定义如下：

expression
 : '(' S* media_feature S* [ ':' S* expr ]? ')' S*

这意味着它总是在括号中，由一个

media\u功能

或一个媒体功能后跟一个

expr

组成。例如，以下是有效的表达式：

(foo)
(foo: 2px) 

---

在此定义中，

media\u type

和

media\u feature

可以是任意标识符。实际上，它们将是浏览器可以识别的标识符，如

打印

，

屏幕

，

最大宽度

等。

对于那些可能被上述语法弄糊涂的人，请查看我的帖子，了解我所理解的媒体查询语法的技术性较低的解释。太长了，无法在这里有意义地转发：

---

尝试在线查找一些教程。如果你有一个特定的技术问题，那么重写这篇文章。不，理解它并不重要。这是语法；这本书不是为了让人很容易读懂。如果您想了解语法，请阅读规范的其余部分，而不是语法。教程继续使用示例进行解释，并且易于理解和阅读。此语法实际上是W3C对标准的建议，但您仍然希望了解标准中也说明了什么和IDENT“未知媒体类型与实际与IDENT产品不匹配的媒体类型不同。这些属于格式错误的媒体查询子句。“

S*

表示任意数量的空格，

IDENT

是一个标识符。没有更多的了，任意标识符仍然被解析，不管它们是否被识别；如果无法识别它们，它们将被解析为未知。但这只是一点小新闻，没什么重要的。。。

(foo)
(foo: 2px)