用于计算父作用域中的变量时，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|苏州跃动光标网络科技有限公司|
本文地址： https://www.gpxz.com/article/c62f13268d38c9829583.html
广西茂斯福设备一站式工业品,历经多年成长销售:阀门,管件,气动元件,液压站,空压机,水泵,机电设备,电子工控,电子元件,仪器仪表,电机,减速机,轴承,润滑油,电线电缆,液压元件,五金配件,消防器材,工具,钢管钢材,电磁阀,传感器,抗振支架,劳保用品,非标加工,备品备件等。
深圳市吉米便利店有限公司成立于2007年，经过多年不懈努力，现在公司旗下拥有“吉米”24小时连锁便利店突破500多家。公司默默耕耘，用心发展，逐渐形成了以福田为中心辐射全市的便利店网络。随着生活水平的不断提高我们以满足消费者需求为已任，引进多元化的商品，为消费者提供食品、日用品、书刊杂志、精品、文具等生活用品，免费送货、微波加热、代售电话卡等服务，受到了广大客户的青睐和支持，吉米便利店“规范管理、贴心服务”的经营理念，不断前进、不断完善。对消费者，我们遵循便利实惠，顾客至上、货真价实的服务原则；对合作商，我们坚持诚信合作，互惠互赢的长期合作方式；对员工，我们为其创造发展空间，提升员工工作价值。因此，吉米经过不懈的努力，开拓进取，取得了今天的成绩，吉米便利店在不断发展的同时，秉承“顾客最满意的便利店”的经营目标，树立“每天前进一步、永远真诚服务”的服务理念。以创新的态度投入工作，坚持产品创新、服务创新、营销创新、管理创新齐头并进，我们真诚希望在未来征程中，与您携手并进，共创辉煌。
广州鼎盛机械有限公司广东升降平台生产及销售领头羊厂家，公司位于广州白云区主要生产销售设备有：剪叉式升降台,自动剪叉升降平台,剪叉升降平台,导轨式升降机,导轨升降机,汽车升降平台,升降舞台,移动登车桥,固定登车桥,升降平台等。公司严格按照国际先进管理水平进行生产质量管理，生产设备精良、工艺先进、检测手段齐全，技术力量雄厚。
烟台金达输送机械厂家是一家集研发、设计、生产制造于一体的专业自动化传送带、皮带输送机、链板输送机、工作台流水线、转弯输送机、烘干机的生产厂家。公司产品有各类非标皮带输送机、链板输送机、传送带、烘干机等。
成都豫蒲源起重设备有限公司【石经理17302800111】主要做桥门式起重机、单梁起重机、双梁起重机、洁净室专用起重设备、液压导轨升降货梯等起重机售卖及维修保养。
山东西域种业有限责任公司
真岩®石无机仿石材能替代外墙干挂石材用于建筑外装，实现天然石材的装饰效果和耐候年限，相比干挂石材综合上墙成本能节省50%以上。可与多种保温材料复合制成保温装饰一体板，无机饰面层可与建筑体同寿命。其利用石材尾矿为原料，经过自主研发技术生产而成，实现了不再直接开采矿山而实现石材的再生产。
奥点云作为国内领先的新媒体云服务商，在高质量视频直播技术和低延时多路视频实时交互上拥有强大的技术积累，并不断为网络媒体电台、电视台、在线教育、游戏直播、社交娱乐等新媒体行业提供最佳视频直播解决方案和最可靠的视频直播新媒体云技术支持
洛阳迈特威新材料科技有限公司是行业新兴技术企业,公司产品有：溅射靶材(管靶、平面靶、异形靶)、钼电极、炉用各种制品、TZM合金、钼镧合金、钨基高比重合金、其它钼板材、棒材等。
四川省建设会计学会
韩国5年多次签证,韩国10年多次签证,韩国留学签证,日本3年多次签证,日本5年多次签证,美国10年多次
新干县腾达木材加工厂
具有像素元素的射击类作品一般都具备很强的辨识度，像素小人拿着枪战斗的画面看上去也很滑稽，趣味性十足的枪战过程让众多像素游戏粉丝满意，那么一个像素小人拿着枪的游戏叫什么，今天小编就推荐几个创意性不错的像素射击手游给大家，相信这款像素背景的作品会颠覆大家对射击游戏的认知，像素枪3D是个支持多人合作射击的FPS竞技类作品，死亡竞赛和传统竞技...。
雷锋网消息，据南华早报报道，华为一直在开发及完善自己的智能手机操作系统，以打破iOS和Android的垄断，据称，华为操作系统的开发始于2012年美国对它及中兴公司的一次调查，如今，华为同时也为平板和PC开发了操作系统，报道称，操作系统的计划始于华为的创始人任正非，而且公司从未放弃过这项计划，并将其视为战略投资，以为最坏的情况做准备，...。
据央视资讯信息，10月11日10时左右，陕西安康消防部门一辆消防车在前往平利县八仙镇途中出现意外，致5死1伤，目前意外要素正在考查中，10月11日夜间，红星资讯记者咨询到一名自称在此次意外中遇难消防员前队友的女子，该女子通知红星资讯记者，他曾在安康市消防接济支队平利县消防接济大队上班，这次意外中遇难的消防员是他的战友，听到这个信息之...。
高分谍战巨制，献给那时代最可敬的人！,麦家,程砚秋,谍战巨制,上海国际电影节
申明，1.以上内容仅代表揭发者自己，不代表黑猫揭发立场，2.未经授权，本平台案例制止任何转载，违者将被清查法律责任，3.黑猫揭发处置揭发不收取任何费用，凡以黑猫揭发名义不要钱的均为混充、诈骗行为，请及时报警并与黑猫官网反应，揭发邮箱heimaotousu@vip.sina.com，4.请大家选用官网渠道处置生产纠纷，不要轻信第三方机构...。
[#特朗普回应为何做举手挥拳举措#，我知道全全球都在看着我]全球时报，美国，华盛顿观察家报，14日说，在遇，未遂刺杀，事情后，特朗普当日接受了该媒体的独家专访，这位美国前总统泄漏，他曾经开局重写共和党全国代表大会上的演讲稿，将在演讲中并重呐喊，国度勾搭，，而非聚焦于拜登，据此前媒体报道，外地期间15日至18日，2024年美国共和党全国...。
关上手机阅读器，搜查运行宝，点击官方下载运行宝装置包，下载终了，点击准许本次装置就可以了，在小米手机的桌面上点击其自带的运行商店进入，页面跳转当行进入到小米运行内商店界面，点击该界面的搜查按钮，在产生的搜查框中输入运行宝并点击搜查按钮，在搜查到该软件以后点击其前面的装置按钮，运行宝苹果怎样下载该运行下载步骤如下，关上AppStore，...。
9月2日，据国是直通车报道，近日颇受关注的主播，秀才，账号已被封禁，对此，抖音关系担任人示意，该账号因违犯平台关系规则而被封，据知情人士泄漏，秀才近期被投诉存在违法行为，这或许是他被封禁的局部要素，在抖音上搜查，秀才，的账号，页面显示该账号已被封禁，据九派资讯报道，，秀才，年龄39岁，是安徽省亳州市蒙城县人，抖音网红，粉丝数量超120...。
8月18日，国台办发言人朱凤莲答记者问，问，据报道，商务部资讯发言人日前发表对台贸易壁垒考查最新停顿，并示意将依据无关规则钻研停止或局部停止ECFA项下给予台湾产品的关税活动，请问有何评论，答，商务部对台贸易壁垒考查的初步考查结果显示，民进党当局双方面限度少量大陆产品输入，涉嫌违犯世贸组织对于，非歧视准则，、，广泛敞开数量限度准则，等...。
恰逢夏末秋初之际，在波涛浩大的太湖湖畔，有一位集齐最新技术成绩于一体，充溢现代科技感的，大家伙，终于在万众注目中和大家见面，9月12日，全国首个铝基轻量化的首款电动SUV——奇瑞舒享家正式上市，新车领有412km和512km两种续航里程，共有6个版本，指点价区间为12.99万元，16.99万元，同时奇瑞还为用户预备了舒享六大永恒收费、...。
有，请在这里下载四人版的单机斗地主，我想玩单机的斗地主，不用花钱的那种，在哪里有，你好，这个游戏是比拟常常出现的，我妈妈也青睐玩这个，不须要充钱，所有都是按积分算的，我记得她用的运行宝，还是我教她的，你也下一个PC版的运行宝，而后关上把手机衔接下来，找一下手机运行，在外面搜单机斗地主就可以，而后点开，选用间接装置到手机，就可以启动的玩...。
FreshWebSuction,一个离线浏览工具。输入指定的网站地址，FreshWebSuction就会利用多线程把网站所有的链接文件下载回来本地，可以进行离线浏览,您可以免费下载。
一年一度的谷歌I，O开发者大会，今日凌晨，北京时间，再度于加州山景城召开，自2008年至今，每届谷歌I，O不仅已成为全世界IT开发者的固定节日，更在科技互联网圈掀起周期性地震——谷歌往往选在此时，宣布旗下产品、软件、服务的重大更新，一并公开秘密研发的新项目，震撼一时的GoogleGlass、ProjectAra、GoogleAssis...。
要闻提示1.格力集团换帅，董明珠依然为格力电器董事长，格力集团仅占格力电器3.44%股份2.消息称京东考虑收购英国电子产品零售商Currys，寻求中国以外的增长3.谢赛宁否认是Sora发明人之一，一点关系都没有，他们996搞一年了4.前百度搜索老将赵世奇从华为离职，回归百度5.吴新宙挖走何小鹏旧部，原AI感知算法负责人刘兰个川加盟英伟...。
m开头身份证号码是香港身份证，港澳居民来往内地通行证香港居民与澳门居民，只需注意，港澳居民来往内地通行证右上方这证编号开首前英文字母H是香港居民，M是澳门居民港澳居民来往内地通行证，简称回乡卡，在内地就是个人身分证可以订洒店，可以凭此证购买机票登机，港澳通行证证件号码填哪几位该港澳通行证证件号码需要填写全部的11位号码，港澳通行证证件...。
儿童穿的鞋子，儿童的年龄范围定义很广，一般在0，16岁之间，童鞋是专门为这个年龄段的人而设计的，并依据这个年龄段的孩子脚的生长发育特点而设计适合他们穿着的鞋子，讲究轻巧、透气、舒适、适合脚型健康生长等特点，童鞋店是人们的朝阳产业，随着二胎政策的全面的放开，童鞋市场更加的广阔，加盟童鞋店要多少钱，人们只需要几千元就可以，自负盈亏，厂家...。
家长对孩子衣食住行等各方面越来越关注，而童泰童装提供的童装质量较好，而且款式新颖，覆盖不同年龄阶段，因此在行业内备受关注，有一些服装方面的创业者想要加盟，接下来跟小编一起了解，童泰童装加盟费是多少，1986年，童泰童装就已经创建，因此在行业内发展的时间较长，积累了市场发展经验也非常丰富，在各个地方开店以后，都能快速打通当地童装市场，经...。
