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规则设置为“从不”。

你可以将它设置为“always-where-possible”，如果你想总是使用命名颜色，可以将 white 替换为 #fff(首选)。