css - 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避免包含供应商前缀属性。

或者只是禁用此规则。

意外命名颜色“白色”

这是设置为“从不”的颜色命名规则。

如果您想始终使用命名颜色，您可以将其设置为“始终在哪里”，或者替换white为#fff（首选）。