跳至主要内容

property-no-unknown

禁止未知属性。

a { height: 100%; }
/** ↑
 * This property */

此规则认为在 CSS 规范和浏览器特定属性 中定义的属性是已知的。

此规则忽略

  • 变量 ($sass, @less, --custom-property)
  • 供应商前缀属性（例如，-moz-align-self, -webkit-align-self）

使用下面描述的选项 checkPrefixed 来开启对供应商前缀属性的检查。

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

选项​

true​

以下模式被视为问题

a {
  colr: blue;
}
a {
  my-property: 1;
}

以下模式不被视为问题

a {
  color: green;
}
a {
  fill: black;
}
a {
  -moz-align-self: center;
}
a {
  -webkit-align-self: center;
}
a {
  align-self: center;
}

可选的次要选项​

ignoreProperties: ["/regex/", /regex/, "string"]​

给定

["/^my-/", "custom"]

以下模式不被视为问题

a {
  my-property: 10px;
}
a {
  my-other-property: 10px;
}
a {
  custom: 10px;
}

ignoreSelectors: ["/regex/", /regex/, "string"]​

跳过对给定选择器的属性进行此规则的检查。

给定

[":root"]

以下模式不被视为问题

:root {
  my-property: blue;
}

ignoreAtRules: ["/regex/", /regex/, "string"]​

忽略嵌套在指定 at-rules 中的属性。

给定

["supports"]

以下模式不被视为问题

@supports (display: grid) {
  a {
    my-property: 1;
  }
}

checkPrefixed: true | false (默认值：false)​

如果为 true，此规则将检查供应商前缀属性。

例如，使用 true

以下模式不被视为问题

a {
  -webkit-overflow-scrolling: auto;
}
a {
  -moz-box-flex: 0;
}

以下模式被视为问题

a {
  -moz-align-self: center;
}
a {
  -moz-overflow-scrolling: center;
}