Skip to main content

max-line-length

警告

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

限制线的长度。

a { color: red }
/** ↑
* The end */

超过最大长度但不包含空格(行首除外)的行将被忽略。

计算行长度时,任何 url(...) 函数的参数都会从计算中排除,因为通常你无法控制这些参数的长度。 这意味着长 url() 函数不应导致问题。

选项

int: 允许的最大字符数。

例如,对于 20

以下模式被视为问题:

a { color: 0; top: 0; }
a {
background: linear-gradient(red, blue);
}

以下模式不被视为问题:

a {
color: 0;
top: 0;
}
a {
background: url(a-url-that-is-over-20-characters-long);
}

可选的辅助选项

ignore: ["non-comments"]

仅对注释中的行强制执行行长度限制。

这不适用于夹在其他内容之间的注释,仅适用于从注释开头或中间开始的行。

例如,最大长度为 30

以下模式被视为问题:

每个人都只有一个问题。

/* This line is too long for my rule */
a { color: pink; background: orange; }
a { color: pink; /* this comment is also long but not on its own line */ }
a { color: pink; background: orange; }
/**
* This line is short,
* but this line is too long for my liking,
* though this one is fine
*/
a { color: pink; /* this comment is also long but not on its own line */ }

ignore: ["comments"]

仅对非注释行强制执行行长度限制。

这也适用于同一行代码之间的注释。

例如,最大长度为 30

以下模式被视为问题:

a { color: pink; } /* comment that is too long */
a { /* this comment is too long for the max length */ }

以下模式不被视为问题:

/* comment that is too long for my rule*/
a { color: pink; }
/*
* comment that is too long the max length
* comment that is too long the max length
*
*/
a { color: pink; }

ignorePattern: "/regex/"

忽略与给定正则表达式模式匹配的任何行,无论它是否是注释。 正则表达式可以通过括在正斜杠中作为字符串(用于 JSON 配置)传递,也可以使用普通的 JavaScript RegExp。

鉴于:

"/^@import\\s+/"

以下模式不被视为问题:

@import "../../../../another/css/or/scss/file/or/something.css";

给定以下内容,最大长度为 20

["/https?://[0-9,a-z]*.*/"];

以下模式不被视为问题:

/* ignore urls https://www.example.com */