尽管 CSS 验证器出错，是否可以使用 var() CSS 函数？

Question

这是一个颜色变量多次使用的 CSS 代码。

:root {
  --borderColor: #707070;
}
.btn {
  border: 1px solid var(--borderColor, #707070);
}

当我运行CSS Validator时，出现错误：

要求使用已知属性。属性应该是已知的（列在 CSS3 规范）或成为供应商前缀属性。

我应该使用经典的颜色用法还是忽略错误？

.btn {
  border: 1px solid #707070;
}

Answer 1

CSS 变量是 W3C 标准的一部分 (https://www.w3.org/TR/css-variables-1/)。这样您就可以放心使用了。

我应该使用经典的颜色用法还是忽略错误？

颜色的经典使用不如 css 变量强大。因此，您必须选择最适合您需求的那一款。