本文目录
css的优先级是什么,权重如何计算
（1） 优先级就近原则，同权重以最近者为准 载入样式以最后载入的样式为准； 同权重下：内联样式表（标签内部） 》 嵌入样式表（当前文件） 》 外部样式表（外部文件） ！import 》 id 》 class 》 tag Import比内联样式优先级高 层叠重要度次序： 带有important的用户样式 带有important的作者样式 作者样式 用户样式 浏览器/用户代理应用的样式（2） 权重分为a b c d ，4个等级，每个等级以10为基数分别是 内联样式（或行内样式）a=1 b = ID选择器个数 c = 类、伪类和属性选择器的个数 d = 元素选择器和伪元素选择器的个数
CSS权重是如何分配的
CSS权重是由四个数值决定，看一张图比较好解释：
图里是英文的，我翻译过来分别说一下，4个等级的定义如下：
第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为100。
第三等：代表类，伪类和属性选择器，如.content，权值为10。
第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
最后把这些值加起来，再就是当前元素的权重了。
权重算出来了，但是某个元素到底用哪个样式，还有3个规则,：
1，如果样式上加有!important标记，例如：
p{ color: gray !important}
那么始终采用这个标记的样式。
2，匹配的内容按照CSS权重排序，权重大的优先；
可以看到，CSS权重只是决定应用哪个样式的其中一个步骤，不过这个步骤是最复杂的，上面已经说过了。
3，如果权重也一样，按照它在CSS样式表里声明的顺序，后声明的优先，例如：
h1 {color: blue}h1 {color: red}
最终胜出的是color: red。
