css优先级及权重的计算

权重计算公式

选择器	计算权重公式
继承或者*	0,0,0,0
标签选择器	0,0,0,1
每个类，伪类	0,0,1,0
每个ID	0,1,0,0
每个行内样式	1,0,0,0
每个!important	无穷大

注意：值从左到右，左边的最大，一级大于一级，数位之间没有进制，级别之间不可超越

权重叠加

• div ul li —> 0,0,0,3
• .nav ul li —> 0,0,1,2
• a:hover ----> 0,0,1,1
• .nav a ----> 0,0,1,1

注意：数位之间没有进制 比如说： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不会存在10个div能赶上一个类选择器的情况。