对于初学者来说，在修改网页样式时可能偶尔会有这个疑问：为什么我添加了样式但不生效呢？
这时候就需要了解权重（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，因为并不是直接选中了该标签
关键词：
这里的顺序类似css的判断顺序，即第一点如果不符，那就顺延第二点，都不符合，那就按最后的先后顺序兜底2023-04-17
“我愿化作一座‘桥’，桥的一头连着科研，另一头连着科普。”这是赵序茅在博客中写下的话，而他的经历便是2023-04-17
“随着人们消费水平的提升，冰箱在生活中不仅仅只是‘食材管理者’，更应该成为家居美学的‘塑造者’”。42023-04-17
4月17日电，中信证券研报指出，锂价在下跌过程中的阶段性企稳一般伴随着锂板块的反弹行情。2023年以来尽管2023-04-17
4月16日上午，在深圳湾鹏瑞莱佛士酒店举办的“锟铻®全骨科手术机器人产品发布会暨学术论坛”上，元化智能2023-04-17
1、汉游天下目前只支持pc端。2、平板如果不是windows系统。3、那么就不能下载运行其客户端！。本文就为大家2023-04-17
1、导语：孕妇感冒后要考虑药物对胎儿的影响，不能像普通人一样吃药，那么孕妇感冒了怎么办呢?下面就由jy132023-04-17
下面是一个使用SpringCloudBus和RabbitMQ的完整示例。在此示例中，我们将创建两个服务：ConfigService和Clien2023-04-16
叙媒：极端组织在叙利亚哈马省发动袭击造成26人死亡2023-04-16
泰安日报社·最泰安讯草长莺飞风正暖，春日筝飞正当时。近日，泰山区上高街道华新社区新时代文明实践站联合2023-04-16
中邮证券04月16日发布研报称，给予劲仔食品（003000 SZ，最新价：13 6元）买入评级。评级理由主要包括：1）2023-04-16
今天来聊聊关于回顾性分析方法的文章，现在就为大家来简单介绍下回顾性分析方法，希望对各位小伙伴们有所帮2023-04-16
不论对哪支球队来说，这都不会是一场轻松的系列赛，湖人名列第七不过他们的实际水平不止第七，灰熊有着强大2023-04-16
1、先重启电脑用360安全卫士扫看行行行要安装叫装东西要重新安装lol。本文分享完毕，希望对大家有所帮助。2023-04-16
今天来聊聊关于读李镇西做最好的班主任有感，李镇西做最好的班主任在线阅读的文章，现在就为大家来简单介绍2023-04-16
如果是女生，送花，最好是送“长命百岁”，如果是学生就送“百岁”的花，代表着长命百岁之意；送手表代表着2023-04-16
1 阜新到通辽隔离吗驾车路线：全程约280 0公里起点：沈阳市1 沈阳市内驾车方案1)从起点向正南方向出发，行2023-04-16
欢迎观看本篇文章，小升来为大家解答以上问题。反重力瑜伽有什么好处，反重力瑜伽好处有哪些很多人还不知道2023-04-16
1、渣攻就是可以把小受玩弄了再随后丢弃转让的。2、根本就没把感情放在心上的当然不会都是杯具的！！听过渣2023-04-15
中超2023-04-15
现在的弯梁车和踏板车除了外观，还有哪些区别？我是骑士分享，摩圈一菜鸟。有小伙伴后台留言说“现在的弯梁2023-04-15
为营造舒适、和谐、美丽的社区环境，进一步推进全国文明城区、国家卫生区长效化工作，4月14日，塘沽街道集2023-04-15
作者：斜杠先生来源：斜杠先生ID：isslash1如果说2022年度微博盛典要评选精彩画面。那么，黄晓明和李冰冰的2023-04-15
吉林省医疗机构制剂创新发展联盟成立大会在朝阳区召开2023-04-15
央视网消息（新闻联播）：今天（4月14日），第三届中国国际消费品博览会迎来首个公众开放日，单日入场人数2023-04-15
