!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>编程技术>CSS3 :root 选择器中的var()和:root

CSS3 :root 选择器中的var()和:root

刷微博无意间看到:root,var()这样的写法,孤陋寡闻的我赶紧学习了一下,分享分享:

CSS3 :root 选择器中的var()和:root

var()

var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。(这样做通常会产生无效的语法或者一个没有关联到变量的值。)

:root

:root是一个伪类,表示文档根元素,非IE及ie8及以上浏览器都支持,在:root中声明相当于全局属性,只要当前页面引用了:root segment所在文件,都可以使用var()来引用

:root {
    --main-color: hotpink;
    --pane-padding: 5px 42px;
}
p {
  color: var(--main-color);
  padding: var(--pane-padding);
}

给TA打赏
共{{data.count}}人
人已打赏
编程技术

Web前端单词大全(html+css+js+vue)

2022-9-29 20:41:42

编程技术

javascript 与或非运算符详解

2022-9-30 20:40:39

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索