使用CSS var()函数被校验工具报错，是否可以忽略错误继续使用？

问题原因 #

你遇到的报错是所用的CSS校验工具规则更新滞后导致的。以--开头的CSS自定义属性、以及用来调用变量的var()函数早已被纳入W3C正式CSS标准，不属于非法属性/语法。

结论建议 #

• 你完全可以忽略这个报错继续使用CSS变量写法，不需要改为硬编码色值的传统写法。CSS变量的可维护性远高于硬编码，后续如果要调整全局边框色，只需要修改:root下的--borderColor一处即可，不需要逐个替换所有写死的色值。
• 仅当你的项目需要兼容IE11及更远古的已停维浏览器时，才需要考虑放弃CSS变量，或者引入PostCSS等构建工具在打包阶段将CSS变量自动编译为静态色值。
• 如果想要消除校验报错，可以更换支持最新CSS标准的校验工具，或是在当前工具的规则配置中将自定义属性、var()函数加入白名单即可，无需修改业务代码。

内容的提问来源于stack exchange，提问作者Jasper Scritt