Skip to main content

media-query-list-comma-space-before

警告

此规则已弃用，并将在将来删除。 参见 迁移指南。

媒体查询列表的逗号之前需要一个空格或不允许有空格。

@media screen and (color) ,projection and (color) {}
/**                       ↑
 * The space before this comma */

fix 选项 可以自动修复此规则报告的所有问题。

选项​

string： "always"|"never"|"always-single-line"|"never-single-line"

"always"​

逗号之前必须始终有一个空格。

以下模式被视为问题：

@media screen and (color),projection and (color) {}
@media screen and (color)
,projection and (color) {}

以下模式不被视为问题：

@media screen and (color) ,projection and (color) {}
@media screen and (color) ,
projection and (color) {}

"never"​

逗号之前绝对不能有空格。

以下模式被视为问题：

@media screen and (color) ,projection and (color) {}
@media screen and (color)
, projection and (color) {}

以下模式不被视为问题：

@media screen and (color),projection and (color) {}
@media screen and (color),
projection and (color) {}

"always-single-line"​

在单行媒体查询列表中，逗号之前必须始终有一个空格。

以下模式被视为问题：

@media screen and (color),projection and (color) {}

以下模式不被视为问题：

@media screen and (color) ,projection and (color) {}
@media screen and (color)
, projection and (color) {}
@media screen and (color)
,projection and (color) {}

"never-single-line"​

单行媒体查询列表中的逗号之前绝不能有空格。

以下模式被视为问题：

@media screen and (color) , projection and (color) {}

以下模式不被视为问题：

@media screen and (color),projection and (color) {}
@media screen and (color)
,projection and (color) {}
@media screen and (color)
, projection and (color) {}