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

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

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);
}

版权声明:
作者:歪脖札记
链接:https://www.zxlmx.com/zhaji/qianduan/css/122.html
来源:歪脖札记
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>