使用变量

前端之家收集整理的这篇文章主要介绍了使用变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

/* 
 * var()接受两个参数,自定义属性名(变量名)、缺省值
 * 第一个参数custom-property-name调用变量
 * 第二参数可选,指定自定义变量无效时的缺省值。
 */
var() = var( <custom-property-name> [,<any-value> ]? )

/* for example */
/* In the component’s style: */
.component .header {
  color: var(--header-color,blue);
}
.component .text {
  color: var(--text-color,black);
}

/* In the larger application’s style: */
.component {
  --text-color: #080;
  /* header-color isn’t set,and so remains blue,the fallback value */
}

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的CSS相关文章