Skip to main content

media-query-list-comma-space-after

警告

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

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

@media screen and (color), projection and (color) {}
/**                      ↑
 * The space after 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) {}