CSS权重计算

CSS权重遵循以下规则：

选择器	权重值
！important	infinity（无穷）
行间样式 style=’’	1000
id #box{}	100
class，属性，伪类 .box{}，a[href=”http://www.xxx.com"]，:hoevr{}和::after{}	10
标签，伪元素 div{}	1
通配符 *{}、子选择器（>）、相邻选择器（+）、同胞选择器（~）	0

CSS中各个选择器之间权重的进制为256进制

优先级一样的时候谁在后面，谁起作用（覆盖）

在CSS中infinity+1就是要比infinity大一

如果两个选择符的权重相同，则可依照”就进原则”来判断，最后定义的选择符会被采用。但尽量避免出现这种依靠定义的顺序决定选择符优先级的情况，因为在后续的维护中很难保证定义的顺序不会被打乱。