跳至主要內容

單位-禁止未知

禁止未知單位。

a { width: 100pixels; }
/**           ↑
 *  These units */

此規則將 CSS 規範中定義的單位（包括編輯草稿）視為已知。

message 次要選項 在此 可以接受此規則的參數。

選項​

true​

以下模式會被視為問題

a {
  width: 10pixels;
}
a {
  width: calc(10px + 10pixels);
}

以下模式不會被視為問題

a {
  width: 10px;
}
a {
  width: 10Px;
}
a {
  width: 10pX;
}
a {
  width: calc(10px + 10px);
}

可選次要選項​

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

給定

["/^--foo-/", "--bar"]

以下模式不會被視為問題

a {
  width: 10--foo--baz;
}
a {
  width: 10--bar;
}

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

給定

["foo", "/^my-/", "/^YOUR-/i"]

以下模式不會被視為問題

a {
  width: foo(1x);
}
a {
  width: my-func(1x);
}
a {
  width: YoUr-func(1x);
}