首页 > Web开发 > 详细

创建一个自定义的 CSS 变量、使用一个自定义的 CSS 变量、给 CSS 变量附加回退值

时间:2021-05-04 10:16:50      阅读:32      评论:0      收藏:0      [点我收藏+]
 

penguinclass 里面,创建一个--penguin-skin变量,且赋值为gray(灰色)

 技术分享图片

 

 

创建变量后,CSS 属性可以通过引用变量名来使用它的值。

background: var(--penguin-skin);

因为引用了--penguin-skin变量的值,使用了这个样式的元素背景颜色会是灰色。

技术分享图片

 

 

使用变量来作为 CSS 属性值的时候,可以设置一个备用值来防止由于某些原因导致变量不生效的情况。

或许有些人正在使用着不支持 CSS 变量的旧浏览器,又或者,设备不支持你设置的变量值。为了防止这种情况出现,那么你可以这样写:

技术分享图片

 

 

 

创建 自定义CSS变量

使用CSS变量

如果变量名写错了 会启用备选

创建一个自定义的 CSS 变量、使用一个自定义的 CSS 变量、给 CSS 变量附加回退值

原文:https://www.cnblogs.com/cjbsai/p/14728769.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!