用于计算父作用域中的变量时，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树中尽可能最低的点，尤其是在变量更改之后（或在同一级别）
这是我们不应该做的事情
这是我们应该做的
我们还可以这样做：
QQ扫码加入技术交流群
Copyright2014-2023AllRightsReserved|苏州跃动光标网络科技有限公司|
该站点未添加描述description...
【软装一站式】-蒂赛娜成都专业化整体软装定制机构、我司提供整体软装设计及产品执行一站式服务。业务涵盖精装房软装、别墅软装、酒店软装、商业空间软装、直播间软装等不同空间场景。产品涵盖家具布艺、墙布窗帘、灯具饰品、地毯挂画等软装全系产品。家具高端定制家具窗帘墙布地毯挂画
质心教育是一个专注于提供高中学科竞赛和自主招生的学习资源、政策资讯等内容的网站。我们提供高品质学科竞赛和高校自主招生相关网络课程，此外免费向全国学生提供优质的知识点短视频、学科竞赛题库、和在线测试功能。学竞赛，到质心。质心，一个永远在线的竞赛教练。
东莞市圣坤自动化设备有限公司专业生产不干胶贴标机、平面贴标机、圆瓶贴标机、打印贴标机、方扁圆瓶多功能贴标机、流水线贴标头、等。座落于全国轻工设备制造业最发达的东莞地区，致力于贴标机自动化技术的发展，专业、专注于自动贴标机及配套设备的研发、设计、生产、销售和服务。
橡树测试微信小程序。
Pt100温度传感器PT1000热电阻，PT100铂电阻PT1000,K型热电偶T,NTC热敏电阻，温度开关，压力变送器，压力传感器，温控器，温度显示器，Pt1000温度探头PT100.工业热电阻，工业温度传感器PT1000，医用温度传感器，高温K型热电偶，红外温度传感器Pt100,T型热电偶，食品药品用温度传感器PT1000,贴片式温度传感器，导线式温度传感器PT100,压力开关，无纸记录仪。烟雾报警器，温湿度传感器。智能数显温度报警器温压一体化传感器就地显示温度仪多路输出型温度传感器圆模块智能温度变送器高精度智能温度变送器导轨型温度变送器多路输出型热电阻超小型热电阻变径式热电阻小型一体化热电阻液位传感器数显防爆压力变送器差压变送器卫生型压力变送器航插式压力变送器扩散硅压力变送器通用型压力传感器快插接头型热电偶表面安装型热电偶贴片式热电偶螺钉式热电偶工业炉热电偶R型热电偶B型热电偶S型热电偶铠装热电偶T型热电偶抗震热电偶K型热电偶高温热电偶工业通用热电偶风管水管型温度传感器各类插接头型热电阻防腐型温度传感器耐酸碱温度探头防腐热电阻赫斯曼接头型温度变送器管道表面测温探头卡箍型热电阻智能数显温度报警器温压一体化传感器就地显示温度仪多路输出型温度传感器圆模块智能温度变送器高精度智能温度变送器导轨型温度变送器多路输出型热电阻超小型热电阻变径式热电阻小型一体化热电阻液位传感器数显防爆压力变送器差压变送器卫生型压力变送器航插式压力变送器扩散硅压力变送器通用型压力传感器快插接头型热电偶表面安装型热电偶贴片式热电偶螺钉式热电偶工业炉热电偶R型热电偶B型热电偶S型热电偶铠装热电偶T型热电偶抗震热电偶K型热电偶高温热电偶工业通用热电偶风管水管型温度传感器各类插接头型热电阻防腐型温度传感器耐酸碱温度探头防腐热电阻赫斯曼接头型温度变送器管道表面测温探头卡箍型热电阻智能数显温度报警器温压一体化传感器就地显示温度仪多路输出型温度传感器圆模块智能温度变送器高精度智能温度变送器导轨型温度变送器多路输出型热电阻超小型热电阻变径式热电阻小型一体化热电阻液位传感器数显防爆压力变送器差压变送器卫生型压力变送器航插式压力变送器扩散硅压力变送器通用型压力传感器快插接头型热电偶表面安装型热电偶贴片式热电偶螺钉式热电偶工业炉热电偶R型热电偶B型热电偶S型热电偶铠装热电偶T型热电偶抗震热电偶K型热电偶高温热电偶工业通用热电偶风管水管型温度传感器各类插接头型热电阻防腐型温度传感器耐酸碱温度探头防腐热电阻赫斯曼接头型温度变送器管道表面测温探头卡箍型热电阻
蚂蚁特权主功能与英雄联盟网吧特权，QQ网吧特权类似，提供了steam游戏特权，是一款广受网吧幻影的营销电竞软件
夜团是国内新兴的夜生活休闲服务平台，项目隶属于广东伊步网络科技有限公司，运营总部坐落于“中国硅谷”深圳。该项目起源于2020年，针对目前网约车/出租车司机经营成本过高的现状以及乘客夜间出行消费场景，为司机提供一个即能省钱又能赚钱的平台。夜团聚集了同城夜晚餐饮、娱乐、休闲等多个业态的商家，包括夜游、夜购、夜娱、夜食、夜享，让用户以优惠的价格享受夜生活，体会众多实惠和乐趣。
德国Gulion品牌上海巨菱家用电梯采用探索150年的曳引方式解决方案，小型家用别墅电梯10大规格+39款小电梯尺寸、服务293市，私人定制进口国产家用电梯，价格实惠，匹配您的个性化家装风格。上海巨菱电梯，是舒适、噪声低、能耗少别墅电梯品牌！
东莞市信明电子科技有限公司专业生产：铝箔胶带,铜箔胶带，醋酸布胶带，电工胶带,不干胶标签，不干胶贴纸，条码标签，价格实惠，信明生产厂家拥有专业的生产设备，厂址：东莞市塘厦镇塘厦社区宏业南三路3号101
快查分是一款快速查分免费发布系统，简单易上手，仅需2分钟搭建好属于个人专属快捷查分系统。快查分系统不仅可以帮助学校搭建快速查分系统，还能够帮助企业搭建快递查询管理系统，整体操作便捷快速，是一款不可多得的好工具。
常州大学
10月30日消息，华为官方宣布鸿蒙HarmonyOS4升级设备数量突破1亿，IT之家注意到，HarmonyOS4在9月25日的升级设备数已达6000万，仅用时35天便新增了4000万设备，平均每天增加114万设备，鸿蒙HarmonyOS4于8月4日正式发布，为手机，平板增加了一个全新功能，实况窗，，为手表添加了，弦月窗，用户可以在屏...。
随着现在经济生活的发展，越来越多的孩子们都有想法培养中意的兴趣爱好，国画一直都是中华文化的精髓，传承着中华文化的源远流长，因此国画教育也是很热们的艺术教育，国画教育的教育机构也有很多，戏墨娃国画教育就是其中一家，因其独特的教育和丰富教学经验排行在市场上遥遥领头，那么戏墨娃国画教育加盟好不好呢?接下来就让小编为大家介绍一下这个品牌优势以...。
太阳监狱，这个概念听起来既神秘又充满科幻色彩，它并非一个真实存在的实体，而是源自于网络文化中的一个虚构概念，提到，太阳监狱，，我们首先想到的是中国最大的年轻人潮流文化社区——哔哩哔哩，简称，b站，上的一种流行文化现象，在b站的文化语境中，，太阳监狱，并不是指实际存在的监狱，而是一种象征性的表达，用于描述某些视频内容被限制观看的情况，...。
我己窥探灵魂一角看法的实质就是时时好坏感知，接着好坏思索，而后趋利避害人活着普通靠大脑犒赏系统而活着，被犒赏时，觉得好啊，舒适啊，美啊，是真谛啊，同样当累苦饿痛或许靠认知和明智而活，压服自己那样做，好处多多，舒服艰巨死不了人有时你的判别和反响，看似天经地义，实则是系统在作祟，如很困，但你还想玩，不想睡，眼睛却时不时的闭上，如很难，悲观...。
中国室内装修设计师库是由网易家居设计师频道建立的，汇聚国内顶级室内装修设计师的平台。中国室内装修设计师库拥有大量最新的室内装修设计案例，让您轻松把握最新设计潮流。
驾校捷达型号是捷达同伴，捷达，Jetta，是德国公众汽车个人在中国的合资企业，一汽公众汽车有限公司的旗下汽车品牌，其第一款产品捷达，Jetta，MK1，于1979年在欧洲上市，1991年12月5日第一辆国产捷达A2在一汽公众轿车厂组装下线，是公众在1983年第二代德国捷达A2的基础上改观和更新的版本，c8177f3e6709c93...。
自央行召开保证性住房再存款上班推进会以来，各地正在加慢步调，落地收储未售商品房，早先落实该举措的是广东省惠州市，6月17日，惠州市住房和城乡树立局颁布，对于征集商品房用作保证性住房的通告，以下简称为，通告，称，为兼顾消化存量房地产和提升增量住房，将面向各大房地产开发企业征集已建成未发售的商品房，用作保证性住房，通告，显示，外...。
1、2021年3月28日，长安保新中型SUVUNIK正式上市UNIK作为UNI系列的第二款车，UNIK提供了四特性能车型可以选用，官网指点价为万元内饰方面，新车驳回了最新的家族式设计格调，更大尺寸的仪表盘搭配上削，2、长安unik定位是中型SUV，车身尺寸参数方面，它的车身长度是4865mm，宽度是1948mm，高度是1690mm，轴...。
天气寒冷少不了滋补的人参炖鸡汤_点点-飞_新浪博客,点点-飞,
ManicTime中文破解版是一款非常出色的时间管理软件，它拥有一日、时间表、统计图三大栏目，可以在后台无时无刻记录你操作电脑的动作
人类九大环境公害事件，五个是日本人干的
美丽温馨的房子是一个家庭的港湾，装修房屋向来是让人头疼的问题，而如今市面上拥有非常多的家装软件让您选择，那么这些软件中哪些更好一些呢？下面小编就为您带来家装软件排行榜，为您提供参考，希望您能够喜欢,家装软件哪个好用实用家装软件精品推荐
很多人在想的时候应该都梦想自己能成为一名裁缝，这样就可以随意的设计喜欢的衣服样式，还能根据自己的身材制作各种各样漂亮的小裙子，那可以一起看一下自由剪衣服的游戏推荐，可以在游戏中先成为一名小裁缝，在这里各种灵感都能轻松的实现，想要体验自由裁剪衣服的玩家可以看一下下面这几个游戏，绝对都能满足裁剪和设计的需求，在森林中玩家会开设一些裁缝店，...。
掌握好销售技巧就是在销售过程中成功了一半，那么要如何去掌握完美经典的销售技巧呢?下面小编结合一位在酒庄销售葡萄酒多年的前辈谈谈自身经历和对于销售有什么技巧与方法?1、为人脚踏实地脚踏实地，与人接触得时候，该是怎么样，就是怎么样，可以稍微包装一些，但是切记，不要太过夸大事实，要为客户着想，不要太过追求利润，比如说说要200左右的葡萄酒，...。
近日网上有网友错误解读努比亚手机关于停止和百度网盘免费云存储服务合作的信息，误认为百度网盘要停止服务，今天下午百度网盘微信公众号正面做出了回应，通过这个公告我们可以看出，百度网盘要关闭服务这一消息是不真实的，大家就不要担心自己的资料无处安身了，来源，松松科技QQ，微信，lusongsong7本文地址，https，down.luso...。
苹果硬件老大，换人了，美国时间1月25日，苹果公司在官网宣布，该公司硬件总负责人、硬件工程高级副总裁，SeniorVicePresidentofHardwareEngineering，DanRiccio将不再担任现有职位——但他并非离开苹果，而是担任一个新项目的负责人，当然，DanRiccio依旧是向苹果CEOTimCook汇报，与此...。
IT市场研究和咨询公司IDC于今日发布了，中国BaaS市场份额，2023，2023年，中国BaaS市场以23.7%的增速实现18.9亿元人民币的市场规模，IDC数据显示，区块链整体市场集中度进一步增强，蚂蚁集团凭借蚂蚁链以26.5%的市场占有率位居首位，腾讯云、浪潮分列二、三名，据了解，这也是蚂蚁链连续第四年位列中国BaaS市场第一...。
