最近在网上看到一种CSS写法 , 之前不怎么见过 。出于学习查了一下 。特此记录
原来这些仅仅是自定义的css属性 , 在需要的时候可以使用var()函数引用
关于var()函数的作用和使用方法 , 参考:MDN
文章插图
var()
var()函数可以代替元素中任何属性中的值的任何部分 。var()函数不能作为属性名、选择器或者其他除了属性值之外的值 。(这样做通常会产生无效的语法或者一个没有关联到变量的值 。)
:root
:root是一个伪类 , 表示文档根元素 , 非IE及ie8及以上浏览器都支持 , 在:root中声明相当于全局属性 , 只要当前页面引用了:root 所在文件 , 都可以使用var()来引用
eg:
【CSS中的 “var” 和 “:root”】
:root {--main-bg-color: pink;}body {background-color: var(--main-bg-color);}
- 24 day4 两两交换链表中的节点删除链表倒数第n个节点(19)环形链表(1
- 2 入门第一个小程序:“你好,C 语言!”
- 恢复硬盘数据很简单!记好这4个方法!
- 国产智能手机多品牌终归“利润战”,荣耀小米VO谁能更赚钱?
- 【苹果推送】推信?具体流程和安装教程
- springboot2.x中的服务监控之邮件预警
- sql server 求百分比_超“虐心”的QQ扎心说说:我把你归还人海
- 北风网 html5入门教程,HTML5+CSS3零基础快速入门
- 记忆何以长期保存?或与突触中的长效蛋白有关 | PNAS
- 留学带来的究竟是什么?