当前位置: 首页 >  法制聚焦  >   >  正文

【ES三周年】一文弄懂css权重|环球新动态

  • 2023-04-17 17:28:56 来源:腾讯云

对于初学者来说,在修改网页样式时可能偶尔会有这个疑问:为什么我添加了样式但不生效呢?

这时候就需要了解权重(weight)相关知识了

css的权重判断一般来说有四类


(资料图)

important(最优先)和行内样式(次优先)ICE权重值(后文说明)最基础的一条,就是选择器匹配,简单来说就是css代码对应的html元素先后顺序(后写的覆盖先写的)

这里的顺序类似css的判断顺序,即第一点如果不符,那就顺延第二点,都不符合,那就按最后的先后顺序兜底

其他几条比较好理解,本文着重讲讲【ICE权重】

什么是【ICE】呢?听起来高大上,其实只是ID,Class,Element的缩写罢了,即id选择器,class选择器和html元素,按照ICE的顺序来算,也就是说

id > class > html

怎么计算呢?凡是元素有被对应选择器选择到,就在对应位数上+1,比如说一个html元素有两个class名,那么权重就是0-2-0

注意,权重是相对【一段css代码】,而不是相对元素

比如

这种情况,id,class和元素选择器互相有重复的属性,那么虽然对象是同一个元素,但这个元素【没有】权重值的概念

没有说元素的权重是1-1-1,而是第一个段css代码权重0-0-1,第二段0-1-0,第三段1-0-0,那么根据规则,自然是1-0-0最大,所以颜色值为#f00cec

第二个注意点,不要简单认为ICE是三位数,他们每一位都是【独立】计算的

简单来说就是“官大一级压死人”,即便0-0-11(如果按位数算是11),也大不过0-1-0,当然,很少会出现这种场景,了解即可

第三个注意点:如果权重刚好相等怎么办?其实可以直接根据上述四点来判断,可以得出答案是顺序

即【后面的覆盖前面的】

第四个注意点:继承的样式【没有】权重,这个简单理解即可

例如body标签有个font-size设置字体大小为16px,那么body标签的子元素(例如有个p标签),也会继承16px的样式,但是这段代码的权重和该标签其他的权重比较时算作0-0-0,因为并不是直接选中了该标签

标签:

最新推荐

【ES三周年】一文弄懂css权重|环球新动态

这里的顺序类似css的判断顺序,即第一点如果不符,那就顺延第二点,都不符合,那就按最后的先后顺序兜底

每日精选:A股市值“一哥”争夺战 中国移动短暂登顶后被反超

4月17日早间,中国移动股价大涨,总市值首度超过贵州茅台,成为A股市值最高的公司。不过早盘结束后,贵州茅

热门网页游戏排行榜_热门网页游戏

1、目前的大平台有37wan、4399、671360、新浪、兄弟玩这些。2、都是游戏多。3、玩家多的平台。本文到此分享完

【世界热闻】光库科技:今年一季度实现营收1.55亿元,同比增长9.94%

光库科技于近日发布2023年第一季度报告及2022年年报。一季度报告显示,公司2023年第一季度营业收入1.55亿

环球热文:贾跃亭发文:孕育九年,FF 91已不是大家想象中的FF 91

法拉第未来15日宣布,其首台量产车FF91Futurist正式下线。随后,法拉第未来创始人、首席产品及用户生态官贾

幼儿园家长工作心得(如何做好幼儿园家长工作())

1、 标题创作挑战 2、家长的工作是幼儿园的重要工作,老师如何与家长沟通是一门艺术,所以良好的沟通交流是

环球快看点丨基督教圣诞节成人游戏

有很多圣诞游戏。您可以在宗教聚会上玩各种各样的基督教圣诞游戏。有些融合了适合整个家庭的良好清洁乐趣,

工商银行好运锦鲤金条100克价格今天多少一克(2023年04月17日)-焦点滚动

金投网提供工商银行好运锦鲤金条100克价格今天多少一克(2023年04月17日),工商银行好运锦鲤金条100克价格

如果生在汉朝之前赵云该称“恒山赵子龙”

只有理解地理,才能理解历史——《大地中国》新书分享会时间:4月7日19:00—21:00形式:线上直播嘉宾...

开源证券给予普联软件买入评级,公司信息更新报告:业绩符合预期,2023 年有望恢复高增长 环球即时

每经AI快讯,开源证券04月16日发布研报称,给予普联软件(300996 SZ,最新价:53 96元)买入评级。评级理由

共话中国经济新机遇丨专访:中国为加强多边贸易体制发挥重要作用——访世贸组织总干事伊维拉

4月5日,世界贸易组织总干事伊维拉在瑞士日内瓦接受新华社记者专访。新华社日内瓦4月15日电专访:中国为加

看热讯:云计算板块,最正宗的6个股票(下)

云计算板块,最正宗的6个股票,一共分为上中下三集,每集2个股票1)同方股份提供针对不同行业应用的云计算

length函数matlab_length 当前信息

1、length的意思2、n 长度,长,时间的长短,(语)音长,一段,一节3、length用法4、length可以用作

世界微头条丨电脑识别不到u盘怎么办windows7_电脑识别不到u盘怎么办

1、U盘坏了无法识别怎么办?U盘是我们工作、学习和生活中常用的信息存储工具,因为容量大、价格便宜和小巧

夜游锦江全航段4月18日至20日临时停航 每日观察

夜游锦江全航段4月18日至20日临时停航

环球头条:援巴新中国医疗队成功开展首例腹腔镜肾切除手术

近日,第12批援巴布亚新几内亚(简称“巴新”)中国医疗队队员、重庆大学附属肿瘤医院泌尿科副主任医师...

ESPN公布季后赛球星排名:字母居首杜兰特第二 库里第四詹皇第八_世界观热点

ESPN公布季后赛球星排名:字母居首杜兰特第二库里第四詹皇第八,湖人,哈登,詹皇,雄鹿队,美国篮球,凯文杜兰特

环球快资讯丨辎怎么读(辎怎么读音)

辎的本义为古代一种有帷盖的大车,又称“辎车”。那么辎怎么读呢

今日时讯:芬兰开始在芬俄边境建墙 芬兰加入北约背后的欧洲困境

小伙伴们好,带大家回顾下芬兰开始在芬俄边境建墙芬兰加入北约背后的欧洲困境,那么小纵今天就来梳理下具体

全球速讯:姐姐无惧“年龄”,穿学院风短裙秀苍蝇腿,真是行走的穿搭教科书

相信大家对姐姐已经很熟悉了,她不仅有着高超的表演技巧,而且在穿着方面也非常时髦,很多人都说她的穿衣搭

环球热资讯!勇士输在哪:客场虫依旧+多数据完败 科尔系列赛首战25战第4负

勇士输在哪:客场虫依旧+多数据完败科尔系列赛首战25战第4负,库里,维金斯,客场虫,勇士输在哪,科尔系列赛

市场营销环境分析案例 市场营销环境分析

今天来聊聊关于市场营销环境分析案例,市场营销环境分析的文章,现在就为大家来简单介绍下市场营销环境分析

5年间追回医保资金超771亿元 各地多措并举提升医保基金监管能力

医保资金包含了行政罚款,以及产生的利息等,这些不是原来医保基金内的钱,所以统称为医保资金。国家医保局

从无人化运营到商业化探路 滴滴自动驾驶讲起新故事|资讯

滴滴出行CTO、滴滴自动驾驶CEO张博自动驾驶,不仅因为需要运载工具、道路选择、数据管控“三位一体”,...

6个月只卖1000辆!70岁的车企前辈,为何被小弟们碾压了?

6个月只卖1000辆!70岁的车企前辈,为何被小弟们碾压了?,本田,宝马,奔驰,电动车,比亚迪

田单即墨之战乐毅久攻不下的原因(田单即墨之战) 世界时快讯

一、题文阅读文言文《田单即墨之战》,完成8—11题。(14分)初,燕人攻安平,田单使其宗人皆以铁笼车轊①

怎样把学习提高 快速提高学习成绩的方法_全球讯息

1、在上课之前,一定要预习,这很重要,这将有助于你理解老师上新课的内容。2、老师在讲课的时候,即使听不

今日热门!紫陶壶喝什么茶最好_紫陶壶喝哪些茶最好

解答:1、茶壶最适合制作半发酵茶或全发酵茶。比如铁观音、冻顶乌龙茶、普洱茶、宗珊等等。当然,不同规格

库克担任苹果CEO已4250天 成苹果任职时间最长正式CEO

库克担任苹果CEO已4250天成苹果任职时间最长正式CEO

2023年初级护师考试各科目考点复盘汇总

2023年初级护师考试各科目考点复盘汇总由初级护师考试栏目提供,查找更多2023年初级护师考试各科目考点复盘

恒大汽车被限制高消费

来源:每日经济新闻每经AI快讯,启信宝数据显示,近日,恒大新能源汽车投资控股集团有限公司及子公司恒大新

老毛桃win7镜像系统 老毛桃win7镜像下载

今天来聊聊关于老毛桃win7镜像系统,老毛桃win7镜像下载的文章,现在就为大家来简单介绍下老毛桃win7镜像系

全球快资讯丨摇骰子真心话大冒险_摇筛子

1、●骰tóuㄊㄡˊ ◎〔~子〕骨制的赌具,正方形,用手抛,看落下后最上面的点数。2、俗称“色(shǎi)

南京Hero久竞——无畏荣获微博2022最具人气电竞红人奖-焦点资讯

直播吧4月15日讯 王者荣耀南京Hero久竞战队无畏选手,荣获微博2022最具人气电竞红人奖称号。

海豚第一剧场 合集_海豚第一剧场

1、海豚星光剧场是安徽卫视2012年6月改版应运而生的全年性独播剧场,前身为《独播剧场》。2、剧场集中排播

和巴菲特学习鉴别财务陷阱的方法 全球观焦点

陈嘉禾在证券投资中,企业的价值是投资的基石。而在判断企业价值的工作中,财务分析是必不可少的工具。不过

世界头条:奋斗电视剧优酷看不了_奋斗电视剧优酷

1、很简单啊版权问题现在人家是上市公司了有很多东西都不能看了是消失了 找的时候变搜狐了我也是啊!!我

【全球快播报】江西上高:“小网格”折射基层治理“大智慧”

为进一步加强矛盾纠纷多元化解工作,深化网格化管理细则,切实保障辖区内安全稳定,江西省宜春市上高县泗溪

当前关注:乘联会崔东树:中国汽车市场走势逐步向好 4月车市增长将是惊人的高增长

每经AI快讯,4月14日,乘联会秘书长崔东树通过个人微信公众号发文称,2023年中国汽车市场面临逐步向好的走

今日聚焦!坚朗五金:拟定增募资不超过19.9亿元

【坚朗五金:拟定增募资不超过19 9亿元】财联社4月14日电,坚朗五金公告,拟定增募资不超过19 9亿元,用于

赛尔号菲尼克斯真身怎么打_赛尔号菲尼克斯

1、1,BLKK海洋3下(多只),顽强(回神)谱尼(或鲁斯王,瑞尔斯(最佳))克制(犀牛特性也行)。2、2,BLKK6-

世界热点评!拍《战狼3》被拒?网友爆料baby带资进组,但是导演没同意

对于剧组和片方来说,他们在选择演员的时候,肯定先考虑一下演技,因为不管剧本的优势有多明显,如果演员没

天天滚动:每日使用成本22元,定位中型车,解析深蓝SL03

今天笔者说的这款车就是深蓝SL03(图片|配置|询价),官方指导价格为17 19-69 99万元,定位中型车,下面笔者

世界记录被熊孩子清零后 任天堂马力欧之父给超级小桀送礼物

来源:快科技4月14日消息,前不久,斗鱼游戏主播超级小桀因《马力欧制造2》世界排名前30的纪录被亲戚家熊孩

KPL胜者组争夺白热化,Fly和猫神再交手,eStar冲击三连败?

晚上黄金档,武汉eStar交手北京WB,算得上是病友交流局,两支战队目前都是两连败,状态堪忧,武汉eStar在更

涨价战略奏效 优衣库母公司迅销营业利润同比增16%创新高|今日热文

据日经中文网,经营服装品牌“优衣库”等的日本迅销4月13日发布了2022年9月-2023年2月的合并财报(国际会计

信贷数据、物价数据“冰火两重天” 如何防止经济陷入通缩风险? 全球新消息

近日,中国社科院金融研究所发布《2023年第一季度中国宏观金融分析报告》(下称《报告》)。《报告》称,随着

4月14日光刻胶板块涨幅达2%

4月14日11点22分,光刻胶板块指数报2346 47点,涨幅达2%,成交99 47亿元,换手率2 07%。板块个股中,涨幅最

魏牌蓝山27.38万起 比500万内最好SUV更好

超大空间、超享舒适、超强动力、超级安全、超感智能。

6到8级!湖北多地发布大风蓝色预警

今(14日)晨,湖北黄冈、襄阳、荆门、咸宁等多地发布大风蓝色预警,提醒民众注意防范。今日白天,湖北多地

X 广告
X 广告

精彩放送

区住建委执法大队举行建筑工程安全执法检查专题培训

沃尔玛同意以7500万美元出售Bonobos男装系列 较收购价低2.35亿美元

那不勒斯球迷对欧冠战米兰裁判提起集体诉讼,要求赔偿1.5亿欧

调查显示超八成基金经理认为美经济今年将陷入衰退 美企债务违约率将上升 每日快播

西铁城光动能表如何自动对时_西铁城光动能手表怎么自动对时-世界即时

2023年梅州市梅县区事业单位招聘报名入口 全球快报

显卡风扇不转屏幕黑屏(显卡风扇不转)_今日关注

得房率怎么算出来的_得房率怎么算

除了华为,这款刚发布的新机也支持北斗卫星通信,不过你买不到 当前播报

密封科技:4月12日召开业绩说明会,投资者参与

天天热门:身边的科学作文_身边的科学作文范文

世界快看点丨“旅游特种兵”火了:一天狂刷十几个景点、日行数万步

当前头条:qq怎么修改实名认证身份证_如何修改实名认证的身份证

华为 nova 11 系列及全场景新品发布会直播(视频)

几十个调研任务压给“一支笔”!“逐级调研”岂能成为“逐级要材料”|天天速看料

短讯!商品期货早盘收盘多数下跌,液化石油气涨近4%,SC原油涨超2%

国家能源局:加快建设全国统一电力市场体系

意大利要求ChatGPT公开数据处理逻辑 满足才能重新上线 全球速递

亚洲最大液体火箭发动机试车台将于近期进行考台试车|热推荐

浩通科技:连续4日融资净买入累计321.63万元(04-12)

环球今日讯!四大证券报精华摘要:4月13日

2022年青海省居民健康素养水平达到20.62%

赓续红色基因 厚植育人沃土

观热点:美股异动 | 聚好商城(JWEL.US)涨超31% 成交量超469万

英威腾收深交所关注函

上海市产科临床质量控制中心落户一妇婴

2023年成都去春游音乐节的摆渡车怎么坐

遭多国禁用与出手监管:ChatGPT或走向克隆技术的结局-世界要闻

全球信息:“西氢东送”我国首个纯氢长输管道正式启动

中免集团深度参与消博会 见证中国旅游零售市场创新活力

IberBlue Wind计划建设1.9GW海上风电项目

出租车排长队 经八路郑大二附院门前行路难

世界视点!国产武侠游戏《侠乂行:浪迹天涯》4 月 28 日不删档测试

山西全生建设工程有限公司

今天最新消息 31省份累计报告接种新冠病毒疫苗342796.5万剂次 天天快报

水瓶男在恋爱中最吃哪一套  不按常理出牌

最资讯丨以“新民歌”为着力点 广西将举办2023年“壮族三月三·八桂嘉年华”

香水兰一年开几次花 香水兰一年开多少次花呢

波及范围较大,强度较强 影响15省份,此次沙尘天气因何而起?

吕梁山康城林场

【专家:货币与财政政策仍有适时发力空间】 4月11日,国家统计局公布数据显示,3月CPI环比下降0.3%,同比上涨0.7%

五年级下册英语教学计划(五年级上册英语教学计划pep)|全球热文

播恩集团:2022年年归母净利润同比降14.19%,饲料销售收入下滑4.5%

世界快资讯丨IMF首席经济学家GOURINCHAS:根据金融稳定风险调整货币政策意味着我们在通胀方面做得还不够

中国贸促会副会长张少刚会见美国特斯拉公司高级副总裁朱晓彤

刑事案件今年零发案!光彩汽配城为何如此“光彩”?  环球快播

充值数万给杭州新百合医美 想退余额扯到“阿强”? 每日热议

美“泄密门”成五眼联盟噩梦,澳军高官:严重事件_天天关注

WTT新乡冠军赛:梁靖崑3:1战胜韩国名将

每日快看:国之交在民相亲!美国学生来大理交流后都哭了

Copyright ©  2015-2022 华东律师网版权所有  备案号:京ICP备2022016840号-41   联系邮箱:2 913 236 @qq.com