在css3中,root伪类是对html标签进行设置样式嘛?

在css3中,root伪类是对html标签进行设置样式嘛?,第1张

:root伪类代表根元素,在设置样式的时候,等同于html选择器。

但是它有比html更多的权限,比如在内部自定义属性创建全局级别的变量,如下:

:root{

margin:0

padding:0

--primary-color:#666666

}

h1{

color:var(--primary-color)

}

root 指的是文档的根元素,对于 html 文档来说,就是 <html>元素。

但是 :root { background: ... } 与 body { background: ... } 通常没有区别,

这是因为 CSS 规范规定,在没有单独设置 html 元素上的 background 时,

直接应用 body 上的 background 属性的计算值。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7400784.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存