是否可以使用var() CSS函数，尽管在CSS验证器中有错误?

Question

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

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

当我运行CSS验证器时，出现错误:

要求使用已知属性。属性应该是已知的(列在CSS3规范)或者是供应商前缀的属性。

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

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

Answer 1

CSS变量是W3C标准的一部分(https://www.w3.org/TR/css-variables-1/)。因此，您可以放心地使用它们。

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

颜色的经典用法不如css变量强大。因此，你必须选择一个最适合你需要的。