CSS3学习手记(3) CSS权重
权重
当很多的规则被应用到某一个元素上时,权重是一个决定哪种规则生效,或者是优先级的过程
权重等级与权值
行内样式(1000)>ID选择器(100)>类、属性选择器和伪类选择器(10)>元素和伪元素(1)>*(0)
权重计算口诀
从0开始,一个行样式+1000,一个id+100,一个属性选择器,class或者伪类+10,一个元素或者伪元素+1
css权重规则
包含更高权重选择器的一条规则拥有更高的权重
ID选择器(#idvalue)的权重比属性选择器([id="idvalue"])高
带有上下文关系的选择器比单纯的元素选择器权重高
与元素近的规则生效
通配器选择器权重是0,被继承的css属性也带有权重,权重也是0
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步