我有一些CSS,我想要一个默认颜色,然后用一个变量覆盖它.当CSS变量不存在时,我要使用后备颜色.:root { /*--tintColor: red;*/ } .text { color: blue; color: var(--tintColor); } 如果未设置变量,例如注释掉,颜色将变为黑色.在这种情况下,我希望在未定义变量

在我在网上阅读的所有资料中,似乎CSS自定义属性和CSS变量是相同的.但是,在Mozilla Developer Network文档的Inheritance of CSS Variables部分中的示例结尾处,有一个令人困惑的声明： Keep in mind that these are custom properties, not actual CSS

如何在CSS变量的后备值中使用逗号？ 例如.这很好：var( – color,#f00),但这是奇怪的var( – font-body,Verdana,sans-serif). 我们的想法是能够使用一个后备值为Verdana,sans-serif的变量来设置font-family. 编辑：这实际上适用于支持CSS属性的浏览器,但问题似乎来自Google Polymer的polyfill. 为了将来

Firefox的最新版本支持 CSS Variables,但Chrome,IE和其他浏览器的数量并不如此.应该可以访问DOM节点或者写一个方法,返回浏览器是否支持此功能,但是我还没有找到任何当前能够执行此操作的功能.我需要的是一个解决方案,如果浏览器不支持该功能,我可以使用它作为条件来运行代码,如下所示： if (!browserCanUseCssVariables()) { // Do st