环球今亮点!【ES三周年】一文弄懂css权重
这里的顺序类似css的判断顺序,即第一点如果不符,那就顺延第二点,都不符合,那就按最后的先后顺序兜底
这时候就需要了解权重(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
比如
这种情况,id,class和元素选择器互相有重复的属性,那么虽然对象是同一个元素,但这个元素【没有】权重值的概念
没有说元素的权重是1-1-1,而是第一个段css代码权重0-0-1,第二段0-1-0,第三段1-0-0,那么根据规则,自然是1-0-0最大,所以颜色值为#f00cec
简单来说就是“官大一级压死人”,即便0-0-11(如果按位数算是11),也大不过0-1-0,当然,很少会出现这种场景,了解即可
即【后面的覆盖前面的】
例如body标签有个font-size设置字体大小为16px,那么body标签的子元素(例如有个p标签),也会继承16px的样式,但是这段代码的权重和该标签其他的权重比较时算作0-0-0,因为并不是直接选中了该标签
关键词:
这里的顺序类似css的判断顺序,即第一点如果不符,那就顺延第二点,都不符合,那就按最后的先后顺序兜底
1、心净桃源是贵州省贵阳市第四届农业嘉年华的举办地,位于贵阳市修文县六屯镇独山村,紧领苏格兰牧场和桃源河漂流。2、景
科伦药业(002422)于4月14日发布公告称,子公司河南科伦药业的化学药品“复方电解质注射液(Ⅱ)”于近日获得国家药品监督管理局的药品注册批
骑乘电动自行车时有一点是必须要做的你们都知道吗?那就是佩戴安全头盔!今天你佩戴安全头盔了吗?你的安全头盔佩戴对了吗?可不要像这样佩戴
1、《废玻璃资源化利用技术》是2015年化学工业出版社出版的图书,作者是冯仕章、冯向鹏、陈广飞、李冀闽。2、。
《原神》3 6版本莱依拉邀约事件第三个结局来了【不可说之事】,需要我们去到智慧宫,寻找莱依拉对话,根据已有的线索完成解锁第三个结局,到底
全长16 81公里、双向6车道!深圳外环高速三期规划调整
海外网4月14日电美国《大西洋月刊》4月13日刊载的一篇评论文章认为,即使美国有许多明智的枪支管控措施得到公众支持,但由于国家政治制度的缺
据中国执行信息公开网披露,日前,新疆同济堂健康产业股份有限公司新增一则恢复执行信息,执行标的6602 6755万元。来源:中国执行信息公开网
曲婉婷名下2套房产被法拍,起拍价合计450万元---近日,阿里资产司法拍卖显示,哈尔滨市道里区富力江湾新城一期有两套房产被法拍,资料显示均“
以茶之名共赴春日美好4月15日-16日信阳城市推介会将在苏州文化艺术中心举办当信阳毛尖牵手洞庭碧螺春这个春天便多了一种隆重的打开方式信阳是
臻分享|【科普】你到底适合申哪一类的学校?美国大学分类详解在这里!美国大学数量众多,类型繁多,让许多想要留学美国的学生们感到眼花缭乱。
财经网汽车讯4月14日,从极氪ZEEKR官方获悉,4月13日,吉利控股集团旗下豪华智能纯电品牌——极氪智能科技与英特尔宣布签署战略合作备忘录。双
2023年4月13日,中国、俄罗斯、巴基斯坦、伊朗四国外长在乌兹别克斯坦撒马尔罕举行第二次阿富汗问题非正式会议。外长们重申尊重阿富汗主权、独
乌鲁木齐市男科医院哪家好-乌鲁木齐看男科好的医院?乌鲁木齐友善医院医生表示:男性常常会被生活中的一些事情影响,尤其是现在很多人都有
本文转自:来宾日报我市优化调整住房公积金政策公积金可直接支付商品房首付款晚刊来宾讯4月4日,我市成功办理1笔使用住房公积金账户余额直接支
许利平:对华贸易,越南经济突出增长点,外贸,韩国,边贸,许利平,越南政府,对华贸易,越南经济,发达经济体
截至发稿,该股涨超9%,报3 64美元
4月13日,万家创业板2年定期开放混合A最新单位净值为1 0149元,累计净值为1 0149元,较前一交易日下跌1 2%。历史数据显示该基金近1个月上涨7 7
有爱无障碍