用于计算父作用域中的变量时，CSS作用域自定义属性无法识别
扫码关注官方订阅号
我正在尝试通过var自定义属性来缩放大小，以便类可以在不耦合的情况下组合。期望的效果是3个列表将具有3个不同的比例，但正如CodePen上所示，所有3个列表的比例相同。我正在寻找范围界定和CSS自定义属性技术的解释，该技术可以通过可组合的松散耦合代码来实现此目的。
在您的情况下，您已在根级别评估了--scale自定义属性来定义--size-*属性，然后定义了--scale再次在子元素内。这不会再次触发评估，因为它已经在上层中完成。
下面是一个简单的例子来说明这个问题：
.scale{--size-1:calc(1*var(--scale,1)*1rem);--size-2:calc(2*var(--scale,1)*1rem);--size-3:calc(3*var(--scale,1)*1rem);}.size-1{font-size:var(--size-1)}.size-2{font-size:var(--size-2)}.size-3{font-size:var(--size-3)}.scale-1x{--scale:1}.scale-2x{--scale:2}.scale-3x{--scale:3}html{font:1emsans-serif;background:papayawhip;}ol{float:left;list-style:none;margin:1rem;}
在本例中，--scale的定义级别与其评估相同，因此将为每种情况正确定义--size-*。
在第一种情况下，您会陷入3，因为在根级别没有为--scale指定值。在最后一种情况下，我们陷入了2，因为我们在同一级别定义了--scale并且我们有它的值。
在所有情况下，我们都应该避免在:root级别进行任何评估，因为它根本没有用。根级别是DOM中的最上层，因此所有元素都将继承相同的值，除非我们再次评估变量，否则DOM内不可能有不同的值。
您的代码相当于此代码：
:root{--size-1:calc(1*1*1rem);--size-2:calc(2*1*1rem);--size-3:calc(3*1*1rem);}
我们再举一个例子：
直观上，我们可能认为可以通过更改:root级别定义的3个变量之一来更改--color，但我们不能执行此操作以及上述操作代码与此相同：
3个变量（--r、--g、--b）在:root内求值code>因此我们已经用它们的值替换了它们。
在这种情况下，我们有3种可能性：
考虑到这一点，我们应该始终将评估保持在DOM树中尽可能最低的点，尤其是在变量更改之后（或在同一级别）
这是我们不应该做的事情
这是我们应该做的
我们还可以这样做：
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright2014-2023AllRightsReserved|苏州跃动光标网络科技有限公司|
本文地址： /article/c62f13268d38c9829583.html
新疆博联经济发展规划研究院下设6个研究所，主要服务项目包括：区域经济发展战略规划、区域经济(产业)专项规划、区域循环经济发展规划、区域旅游产业发展规划、现代农业产业发展规划、工业园区产业发展规划、物流园区产业发展规划、煤化工产业发展规划、重大项目可行性研究报告、大中型企业文化建设研究等。
-交流-微信相关网址
【豌豆荚】为你提供魂斗罗：归来APP安卓版下载，历史版本、旧版下载，查看2024最新魂斗罗：归来手机版介绍、应用截图、网友评论，方便快捷的将安卓版魂斗罗：归来应用免费下载到手机。
在全民健身日（2020年8月8日）当天，“美国开心果是完全蛋白”云上媒体发布会成功举办。为契合“全民健身日”的主题日，美国开心果将它作为“美国开心果8月8日悦跑...
医药之梯是最大的专业医药人才求职招聘与职业发展首选平台，集聚了全球医药、器械、生物化工、医院医美、药店等名企，为HR、大学生、博士、护士医生、研发临床、生产设备、销售电商等提供最新招聘、测评、就业、找工作、医药猎头、医生猎头、招聘会等的平台。
山西临汾侯马+山西智科信房产地产有限公司+房地产开发+金域蓝湾+金域小区+晋瑞驿都，智科信地产_山西临汾侯马+房地产开发/金域蓝湾/晋瑞驿都，侯马房地产，侯马，侯马世纪广场，侯马优质房源，金域蓝湾，侯马金域蓝湾
好课多多培训网是专业的教育培训门户网站，提供线上代理招生,招生代理合作等业务，好课多多网络代理招生平台为学员提供英语培训、会计培训、出国留学培训、职业技能培训等众多培训课程介绍、价格费用和机构咨询
浩久高空建筑防腐集团山东公司专业烟囱维修,烟囱拆除,冷却塔防腐,钢结构防腐,烟囱安装,烟囱加固,炉架防腐,厂房防腐,高空防腐,烟囱加高,烟囱新建,烟囱改造,烟囱翻新施工能力【咨询15951555738】。欢迎光临
河南省聚力德机电设备有限公司拥有多年行业经验生产商,主营电动单梁起重机,双梁桥式起重机,花架龙门起重机,导轨式货梯,钢丝绳电动葫芦,单双梁起重机零配件等产品,开拓起重设备市场,为客户提供起重解决方案。
云学学艺培训，连接未来，点亮梦想。我们携手各类专业培训机构，为您精心挑选高品质课程，覆盖IT、英语、小语种、职业资格、技能提升等多个领域。云学学艺培训致力于为您提供更便捷、更高效的培训平台，让您的成长之路更加宽广。
内蒙古谐宁商贸有限公司成立于2021-02-02，注册资本为100万元人民币，统一社会信用代码为91150105MA13U22E8F，企业地址位于内蒙古自治区呼和浩特市赛罕区惠民街金宇星城小区2号楼一单元1801，所属行业为零售业，经营范围包含：一般项目：日用品销售；会议及展览服务；数字内容制作服务（不含出版发行）；数字文化创意技术装备销售；专业设计服务；数字创意产品展览展示服务。
新网域名是中国入选全球TOP15的域名注册服务商,.com域名注册位居行业之首.包括中文域名、英文域名及顶级域名注册,域名查询,域名申请,域名购买及域名解析等服务
通义千问开源第二波！8月25日消息，阿里云推出大规模视觉语言模型Qwen，VL，一步到位、直接开源，Qwen，VL以通义千问70亿参数模型Qwen，7B为基座语言模型研发，支持图文输入，具备多模态信息理解能力，在主流的多模态任务评测和多模态聊天能力评测中，Qwen，VL取得了远超同等规模通用模型的表现，Qwen，VL是支持中英文等多种...。
的招商加盟有着非常快速的发展，所以很多人十分关注未来招商加盟发展趋势会怎么样这样的相关问题，毕竟想要在以后的生意活动当中获得长远的发展，就必须要依据未来发展趋势来进行商业方面的布局规划，那么究竟的招商加盟有着什么样的趋势呢?其实从近些年的经济发展当中就可以看到一些未来发展趋势，比如说现在人们为重视的环境问题以及健康养生的问题，与这些有...。
新能源的换电，其实并不是新鲜事，1896年，诞生于美国康涅狄格州哈特福德的，HartfordElectricLightCompany，哈特福德电灯公司，简称HELCO，推出了可更换电池的电动货车，买家只买下车辆，但不包括电池，然后在使用时再以里程数交付充电及保养费，具体商业模式是，车辆由GeVeCo，通用电气旗下的一家子公司，卖给用...。
发表在当贝投影仪2024，10，2210，13当贝F7Pro是当贝最新发布的激光投影仪，采用全新的激光技术，那么和当贝旗舰激光投影X5Ultra之间有什么区别呢，下面就对比两款投影仪的配置，看看当贝F7Pro和当贝X5Ultra区别有哪些，哪款的性能配置更强，一、当贝F7Pro和当贝X5Ultra区别有哪些1.画质对比在光源技术方面，...。
要想坚持真正的多边主义，完善全球治理体系，就要倡导合作共赢等，我们要以多边机制为依托，共同建设人类命运共同体，联合国是当今多边机制的核心，，联合国宪章，的宗旨和原则是当代国际关系的基石，世界贸易组织代表着以规则为基础的多边贸易体系，其核心价值和基本原则必须予以坚守，二十国集团体现了全球治理的进步，应更好发挥引领作用，推动经济全球化朝正...。
文字链接认证代码普通联盟标志认证代码企业广告联盟标志认证代码广告联盟评测代码说明，本页面的认证代码为巨浪广告联盟专用评测代码，站长需懂简单html知识，直接复制代码粘贴到联盟网站相应页面即可使用，本代码不适用于其他广告联盟网站请勿获取！文字认证，文字链接代码认证适用所有类型的广告联盟，复制代码后放在巨浪广告联盟网站首页底部或友情链接位...。
申明，1.以上内容仅代表揭发者自己，不代表黑猫揭发立场，2.未经授权，本平台案例制止任何转载，违者将被清查法律责任，3.黑猫揭发处置揭发不收取任何费用，凡以黑猫揭发名义不要钱的均为混充、诈骗行为，请及时报警并与黑猫官网反应，揭发邮箱heimaotousu@vip.sina.com，4.请大家选用官网渠道处置生产纠纷，不要轻信第三方机构...。
摘要，大数据时代，网上办公越来越遍及，政府部门和企业都在推行一张网、无纸化办公，相应的企业oa办公系统应运而生，oa系统每个公司都不一样，有的是须要在内网环境下能力登陆，有的则可以经过手机APP登陆，普通是一个网站的方式，进入后用公司调配给你的账户和明码登陆，上方就教大家怎样登陆企业oa系统，一、企业oa系统怎样手机登陆1、在电脑端关...。
磁力搜查引擎中比拟好用的有，1.磁力猫，磁力猫是一个专一于磁力链接搜查的引擎，它领有宏大的资源数据库和高效的搜查算法，能够协助用户极速找到所需的磁力链接，其界面繁复明了，搜查结果准确率高，是磁力搜查中的佼佼者，2.索搜磁力，索搜磁力也是一个十分低劣的磁力搜查引擎，它提供了丰盛的搜查选项，如按文件类型、大小、颁布期间等启动挑选，大大提高...。
Cutter是一个多平台逆向工程工具，满足有逆向需求的用户，在软件上进行逆向操作，界面简洁，支持中文，用户不用担心看不到，使用非常简单。
《杀戮尖塔》是MegaCritGames制作发行的一款卡牌类Roguelike游戏，于2017年11月15日发行测试版，2019年1月23日发行正式版，该作将传统的卡牌构建及Roguelike玩法结合在一起。玩家需要在游戏中打造出独一无二的牌组，遭遇无数离奇的生物，发现威力强大的遗物，挑战并屠戮高塔。《杀戮尖塔》并没有明晰的故事剧情线，通过角色背景介绍及中途遭遇的事件及物品来介绍背景。唯一能够明确的是，角色们必须通过杀戮来攀爬高塔，直至征服高塔。完美下载为您准备了“杀戮尖塔”，欢迎大家前来下载使用
桂林—曼谷航线正式复航桂林九月起新增三条境外直飞航线,复航,曼谷,航班号,桂林市,桂林机场,国际航线,境外直飞航线
微软常用运行库合集,微软常用运行库合集所有安装文件全部来自微软官方网站，且为最新数字签名版本，如果您的电脑未曾安装可以下载微软常用运行库合集使用，系统环境安装一步到位,您可以免费下载。
天驰线材优化简易版,天驰线材优化简易版是一款功能强大，专业实用的优秀板材下料套材计算软件，软件采用多种算法，有效消除单一算法不可避免的缺陷，尽可能提高材料利用率，快速计算出各种材料的相关数值，还能获取到材料的最高利用率，欢迎下载使用,您可以免费下载。
人力资源各部门人员统计报告表格模板,人力资源各部门人员统计报告表格模板是一款非常出色的人员统计表格模板。模板中的文字与图均可以修改和编辑，图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，由PC6为您提供免费下载,您可以免费下载。
获取APP安卓包的公钥信息就那么简单
桂林—曼谷航线正式复航桂林九月起新增三条境外直飞航线,复航,曼谷,航班号,桂林市,桂林机场,国际航线,境外直飞航线
