跳至主要内容

custom-property-no-missing-var-function

禁止自定义属性缺少 `var` 函数。

    :root { --foo: red; }
a { color: --foo; }
/** ↑
* This custom property */

此规则有以下限制

  • 它只报告在同一源代码中定义的自定义属性。
  • 它不检查可能包含用户定义标识符的属性,例如 `transition-property`。

message 次要选项 可以接受此规则的参数。

选项

true

以下模式被认为是问题

:root { --foo: red; }
a { color: --foo; }
@property --foo {}
a { color: --foo; }

以下模式不被认为是问题

:root { --foo: red; }
a { color: var(--foo); }
@property --foo {}
a { color: var(--foo); }
@property --foo {}
a { transition-property: --foo; }