Question

CSS权重是如何分配的

Answer 1

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。

Answer 2

浏览器缺省 < 外部样式表 < 外部样式表类选择器亩告 < 外部样式表类昌耐兆派生选择器 < 外部样式表ID选择器 < 外部样式表ID派生选择器 < 内部样式耐租表 < 内部样式表类选择器 < 内部样式表类派生选择器 < 内部样式表ID选择器 < 内部样式表ID派生选择器 < 内联样式...共12个优先级...

Answer 3

id的比class的高

后面的比前面的高

Answer 4

CSS优先级算法：
CSS优先级包含四个级别(行内选择符、ID选耐吵择符、类选择符、元素选择符)及各级别出现次数颤亩悄(根据次数计算优先级)。

每种样式都对应有四个值：a,b,c,d
每个行内样式，加1,0,0,0,
每个ID样式，加0,1,0,0
每个类样式、属性样式、伪类样式，加0,0,1,0
每个元素样式、伪元素样式，加0,0,0,1

每组中的四个值对应相加，再茄渣从左到右，比较每个CSS规则得到的四个值大小，大的优先级较高，
注：
1、!important声明的优先级最高。冲突则计算。
2、优先级相同时，就近原则。
3、继承的样式，其优先级最低。