html-如何仅在CSS变量存在时使用它们？

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

我有一些CSS,我想要一个默认颜色,然后用一个变量覆盖它.当CSS变量不存在时,我要使用后备颜色.

:root {    /*--tintcolor: red;*/}.text {    color: blue;    color: var(--tintcolor);}

如果未设置变量,例如注释掉,颜色将变为黑色.在这种情况下,我希望在未定义变量时颜色变回蓝色.这可能吗？最佳答案您可以指定fallback属性,例如var(-tintcolor,blue)-请参见下面的演示：

.text {    color: blue;    color: var(--tintcolor,blue);}

<div >some text here</div><div  >some text here</div>

总结

以上是内存溢出为你收集整理的html-如何仅在CSS变量存在时使用它们？ 全部内容，希望文章能够帮你解决html-如何仅在CSS变量存在时使用它们？ 所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。