CSS lint 抛出错误

Question

我是运行 lint 并收到以下错误。

Unexpected vendor-prefix "-webkit-animation" 

Unexpected named color "white"

这是 css 类我出错的地方

.well-classname--progress {
  -webkit-animation: loadbar 1s linear forwards;
  animation: loadbar 1s linear forwards;
  opacity: 0;
  transform: translateX(-100%) translate3d(0, 0, 0);
  // margin-right: 1px;
}

.well-classname--progress:not(:last-child) {
  border-right: 1px solid white;
}

知道为什么我会收到这些 lint 错误吗？

Answer 1

Unexpected vendor-prefix "-webkit-animation"

这是 value-no-vendor-prefix stylelint 规则。

您可以使用 autoprefixer.

避免包含供应商前缀的属性

或者只是禁用此规则。

Unexpected named color "white"

这是 color-named 规则设置为 "never"。

您可以将其设置为 "always-where-possible"，如果您想始终使用命名颜色，请将 white 替换为 #fff（首选）。

CSS lint 抛出错误

CSS lint throwing errors

css

stylelint