css权重，权值与优先级解析
1. 权重概念：
权重，是⼀个相对的概念，代表了选择器之间的相对重要程度。
2. 权值概念：
权值⼜叫权重系数，是根据选择器之间权重⼤⼩⽽得到的量化的值。
3. css优先级：
css样式的优先级是由其权值决定的，权值越⾼其css优先级越⾼，但这⾥有个例特殊点，!important的权值可看做⽆限⼤
4.权值计算
第⼀等级：代表 内联样式，如 ，权值为 1,0,0,0；
第⼆等级：代表 ID选择器，如 #id="", 权值为 0,1,0,0；
第三等级：代表 calss | 伪类 | 属性 选择器，如 .class | :hover,:link,:target | [type], 权值 0,0,1,0；
第四等级：代表 标签 | 伪元素 选择器，如 p | ::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1；
此外，通⽤选择器（），⼦选择器（>）， 相邻同胞选择器（+）等选择器不在4等级之内，所以它们的权值都为 0,0,0,0；    css 属性选择器
权值 = 第⼀等级选择器个数加第⼆等级选择器个数加第三等级选择器个数加第四等级选择器*个数
注意：低等级的选择器权重再⾼也没有⾼等级的选择器优先级⾼
总结⼀下，css样式优先级⽐较规则就是三点
1.先从⾼等级进⾏⽐较，⾼等级相同时，再⽐较低等级的，以此类推；
2.完全相同的话，就采⽤ 后者优先原则（也就是样式覆盖）；
3.css属性后⾯加 !important 时，⽆条件绝对优先（⽐内联样式还要优先）；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。