首页 > Web开发 > 详细

层级 CSS 变量、更改特定区域的变量、使用媒体查询更改变量

时间:2021-05-04 09:59:13      阅读:18      评论:0      收藏:0      [点我收藏+]
 

你创建的变量,不但可以在你声明变量的元素里面使用,同时也可以在该元素的子元素里面使用。这种效应称为cascading(层叠)

因为层叠的效果,CSS 变量通常会定义在:root元素里。

就像htmlbody的容器一样,你也可以认为:root元素是你整个 HTML 文档的容器。

:root创建的变量,在整个网页里面都能生效。

技术分享图片

 

 

当你在:root里创建变量时,这些变量的作用域是整个页面。

如果在元素里创建相同的变量,会重写:root变量设置的值。

技术分享图片

 

 

 

层级CSS变量 不懂, :root创建的变量,在整个网页都生效。

 

在class创建相同的变量会覆盖:root的变量

层级 CSS 变量、更改特定区域的变量、使用媒体查询更改变量

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

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