天天观察:【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的判断顺序,即第一点如果不符,那就顺延第二点,都不符合,那就按最后的先后顺序兜底
卫生间用水频繁,防水处理不好就会浮现渗漏水。其主要现象有楼板管道滴漏水、地面积水、墙壁潮湿、渗水,甚至下层顶板和墙壁也浮
日前,北京金融资产交易所官网披露的华为投资控股有限公司(下称“华为”)分配股利公告显示,华为拟向股东分配股利约719 55亿元。对于分红方案
4 15国家安全教育日守护国家安全,人人有责全民国家安全教育日让我们一起来了解这些与国家安全教育日的有关知识吧国家安全是安邦定国的重要基
1、情况一,单号有误情况二,邮政那边暂时未输入单号,无法查询记录。2、超过两天以上仍有此显示,请直接联系当地邮局或取件的人,看是否货物
4月15日,“五一”假期首日火车票正式开售,游客小长假出游预订也即将进入最后的“窗口期”。根据携程数据显示,截至上午9时,“五一”首日高
财信研究解读2023年央行一季度例会:经济恢复向好,宽松力度边际收敛
1、资产类项目。2、“递延所得税资产”科目用来核算企业确认的可抵扣暂时性差异产生的递延所得税资产。3、资产负债表日,企业应按确认的递延所
1、这种情况貌似皮肤缺水其实就是皮肤缺少营养的滋润了。2、建议口服胶原蛋白补充皮肤营养来保持皮肤的水分。3、胶原蛋白是皮肤组织最基础的构
1、如果只是在QQ聊天界面删除聊天记录,可以用以下方法修复。2、在你的QQ安装文件夹搜索MSGEX DB这个文件,然后
1、各板块龙头股有,指标股:长江电力、中国联通、大秦铁路、中国国航、宝钢股份、中国远洋、中国铝业、招商银行、中国神华、中
白头发一般是有遗传因素的,所以长白发后需要看自己是否是遗传,遗传性白发很难治疗,后天白发是可以通过调理治疗的。那么,遗传白发一般多大
好汉来也---春天,开启奔跑模式。让迎面吹来的风,拂起心的律动;以脚步丈量城市,跑出生活的精彩。江湖热血,人潮奔涌
买沙发的时候,就要提前想好室内布局的情况这样才知道买的沙发摆放位置,那么带贵妃位沙发正确摆放位置是哪些?
今天来聊聊关于梦精灵,百度网盘,梦精记2迅雷下载的文章,现在就为大家来简单介绍下梦精灵,百度网盘,梦精记2迅雷下载,希望
吊塔林立、机声轰鸣。昨天上午,在县城财政局地块安置房项目建设现场,200多名工人分布在绑扎钢筋、焊接钢架等各个施工区域,现场一派忙碌景象
1 上海到黄山自驾多少时间上海到黄山交通方式:1、汽车:上海——黄山风景区上海长途客运南站发车时间:6:28、7:58、10:12、14:25、17:12
潮新闻执笔张留张梦月百年未有之大变局,一个个看似不相关的事件,会构成伏笔。4月12日-15日,巴西总统卢拉带着超豪
本周,全国主要市场五大品种钢材均价下降。其中,螺纹钢、高线、热轧板卷、冷轧板卷、中厚板分别下降86元 吨、86元 吨、54元 吨、47元 吨和33
据西班牙《每日体育报》报道,葡萄牙体育已经从巴萨买断了特林康,而他们考虑将其转手出售。葡萄牙体育已经支付700万欧元选择买断费签下特林康