stylelint是否有检测未知值的规则？

Question

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

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

例如：align-items: wrongValue;

请参阅附加的Screenshoot，其中显示Stylint警告我错误的CSS单位类型，但不是错误的CSS值。

Stylelint有这样的规则吗？

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

Answer 1

我不知道是否有默认值，但是看起来您可以使用样式表配置文件中的declaration-property-value-allowed-list自定义哪些是可接受的值。

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

类似这样的代码只允许使用stretch或center

{
  "align-items": ["stretch","center"]
}

Answer 2

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

它可以通过stylelint-csstree-validator plugin在样式表中使用

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