【css层叠】css优先级，权重和层叠

css三大铁性--层叠

优先级：

继承<通配符(*)<标签选择器<类选择器<id选择器<行内样式<!important

！important用法：color:red !important; color属性是默认继承的，但是此处子元素继承到的为color:red; 而不是color:red !important;

外联样式表和嵌套样式表看成一个文件，在优先级相同的情况下后边的层叠掉前边的。

权重：

上边的优先级是对单一的选择器来说的，但是对于复合选择器，比如子代选择器（div     p），并集选择器(div,p)，交集选择器(div.p)，可以用权重算法。
第一步：找到能确定到这个元素的选择器。注意：比如父级某个可继承元素的某个属性有！important也不参与比较。
第二步：（0,0,0,0）第一个数！important个数（该数是个特例，到底有几个，是看单个属性的，而不是看这个选择器中有几个），第二个数id选择器的个数，第三个数类选择器个数，第四个数标签选择器的个数。
第三部：从第一个数比较，第一个数大则该属性权重最高，相同则比较第二个。
权重完全相同，则比较先后出现顺序。
小知识：实际上浏览器再看选择器的时候是从右向左看的。