stylelint 有检测未知值的规则吗？

如何解决stylelint 有检测未知值的规则吗？

我是 Stylelint 的新手，我发现它有一个规则来识别未知的 CSS 单元。

我找不到警告使用未知值的规则。

例如： align-items: wrongValue;

见附件 Screenshoot 显示 Stylint 警告我关于错误的 CSS 单元类型，但不会警告我错误的 CSS 值

Stylelint 有这样的规则吗？

如果没有，我可以做些什么来防止这些潜在的错误？

解决方法

我不知道是否有默认值，但您似乎可以使用 stylelint 配置文件中的 try { // Do the database call... } catch (error) { // Do something with the error,like show a HTML message. console.log(error.name,error.message); } 自定义可接受的值。

https://stylelint.io/user-guide/rules/list/declaration-property-value-allowed-list

这样的东西只允许使用 declaration-property-value-allowed-list 或 stretch：

center

,

CSSTree 有一个内置的词法分析器，可以根据 W3C 定义的语法测试 CSS。

它可以在 stylelint 中使用 stylelint-csstree-validator plugin:

// .stylelintrc.js
{
  "plugins": [
    "stylelint-csstree-validator"
  ],"rules": {
    "csstree/validator": true
  }
}