跳至主要内容

declaration-property-value-no-unknown

禁止在声明中使用未知属性值。

a { top: unknown; }
/** ↑ ↑
* property and value pairs like these */

此规则认为在 CSS 规范中定义的属性值是已知的。您可以使用 `propertiesSyntax` 和 `typesSyntax` 次要选项来扩展语法。

此规则仅适用于 CSS。您不应将其用于类似 CSS 的语言,例如 Sass 或 Less,因为它们有自己的语法。

此规则处于实验阶段,存在一些误报,我们将在次要版本中修复。

它有时会与

如果标记了重复问题,您可以关闭相应的规则。

选项

true

以下模式被视为问题

a { top: red; }
a { top: unknown; }

以下模式不被视为问题

a { top: 0; }
a { top: var(--foo); }

可选的次要选项

ignoreProperties: { "property": ["/regex/", /regex/, "non-regex"]|"/regex/"|/regex/|"non-regex" }

忽略指定的属性和值对。对象中的键表示属性名称。如果对象中的字符串用 `"/"` 包围,则将其解释为正则表达式。例如,`"/.+/"` 匹配任何字符串。

给定

{
"top": ["unknown"],
"/^margin-/": "/^--foo/",
"padding": "/.+/",
"/.+/": "--unknown-value"
}

以下模式不被视为问题

a { top: unknown; }
a { margin-top: --foo-bar; }
a { padding: invalid; }
a { width: --unknown-value; }

propertiesSyntax: { property: syntax }

扩展或更改属性语法字典。 CSS 值定义语法 用于定义值的语法。如果定义以 `|` 开头,则将其添加到 现有定义值(如果有)。

给定

{ "size": "<length-percentage>" }

以下模式不被视为问题

a { size: 0; }
a { size: 10px }

typesSyntax: { type: syntax }

扩展或更改类型语法字典。 CSS 值定义语法 用于定义值的语法。如果定义以 `|` 开头,则将其添加到 现有定义值(如果有)。

类型类似于预设,允许您在其他定义中重复使用定义。因此,在使用此选项时,您可能还需要使用 `propertiesSyntax` 选项。

给定

{
"propertiesSyntax": { "top": "| <--foo()>" },
"typesSyntax": { "--foo()": "--foo( <length-percentage> )" }
}

以下模式不被视为问题

a { top: --foo(0); }
a { top: --foo(10px); }