noUnknownProperty

摘要

¥Summary

规则生效日期：v1.8.0

¥Rule available since: v1.8.0
诊断类别：lint/correctness/noUnknownProperty

¥Diagnostic Category: lint/correctness/noUnknownProperty
此规则为推荐规则，默认启用。

¥This rule is recommended, which means is enabled by default.
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 error。

¥The default severity of this rule is error.
来源：

¥Sources:
- 与 property-no-unknown 相同
  
  ¥Same as property-no-unknown

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "correctness": {
5
        "noUnknownProperty": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止未知的属性。

¥Disallow unknown properties.

此规则认为 CSS 规范中定义的属性和浏览器特定属性是已知的。https://github.com/known-css/known-css-properties#source

¥This rule considers properties defined in the CSS Specifications and browser specific properties to be known. https://github.com/known-css/known-css-properties#source

此规则忽略：

¥This rule ignores:

自定义变量，例如 --custom-property

¥custom variables e.g. --custom-property
供应商前缀属性（例如，-moz-align-self, -webkit-align-self）

¥vendor-prefixed properties (e.g., -moz-align-self, -webkit-align-self)

示例

¥Examples

无效

¥Invalid

1
a {
2
  colr: blue;
3
}

code-block.css:2:3 lint/correctness/noUnknownProperty ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unknown property is not allowed.
  
    1 │ a {
  > 2 │   colr: blue;
      │   ^^^^
    3 │ }
    4 │ 
  
  ℹ See CSS Specifications and browser specific properties for more details.
  
  ℹ To resolve this issue, replace the unknown property with a valid CSS property.

1
a {
2
  my-property: 1;
3
}

code-block.css:2:3 lint/correctness/noUnknownProperty ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unknown property is not allowed.
  
    1 │ a {
  > 2 │   my-property: 1;
      │   ^^^^^^^^^^^
    3 │ }
    4 │ 
  
  ℹ See CSS Specifications and browser specific properties for more details.
  
  ℹ To resolve this issue, replace the unknown property with a valid CSS property.

有效

¥Valid

1
a {
2
  color: green;
3
}

1
a {
2
  fill: black;
3
}

1
a {
2
  -moz-align-self: center;
3
}

noUnknownProperty

摘要

如何配置

描述

示例

无效

有效

相关链接