优先级包含四个级别(行内选择符、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、继承的样式,其优先级最低。