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

  

意外的供应商前缀“-webkit-animation”

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

您可以使用autoprefixer来避免包含供应商前缀属性。

或者只是禁用此规则。

  

意外的命名颜色“白色”

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

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