css的权重计算

css权重指的是这些选择符的优先级，优先级高的CSS样式会覆盖优先级低的样式。
css权重计算：
内联样式（1000）>id选择器（100）> 类、伪类、属性选择器 （10）>标签、伪类选择器（1）
当前元素的权重= 以上对应的值相加
其他：

1. 无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。（ie6支持上有些bug）。
2. 通配符，子选择器，相邻选择器等。如*，>,+, 权值为0000.
3. 继承的样式没有权值。

CSS权重计算方式

• 计算选择符中的ID选择器的数量（=a）
• 计算选择符中类、属性和伪类选择器的数量（=b）
• 计算选择符中标签和伪元素选择器的数量（=c）
• 忽略全局选择器

在分别计算a、b、c的值后，按顺序连接abc三个数字组成一个新的数字，改值即为所计算的选择符的权重。如果两个选择符的计算权重值相同，则采取“就近原则”。
示例：

div#app.child[]name="appName"]  /a=1,b=2,c=1 ->权重 = 1+100+10+10=121/