Css样式覆盖顺序

• 1，css样式选择器的优先级为：“元素上的style” > “id选择器” > “class类及伪类选择器” > “元素类型及伪类选择器”。参考：CSS2 cascade - 6.4.3 Calculating a selector's specificity
• 2，css样式选择器的优先级相同时，根据样式被加载的顺序渲染，后面定义的样式生效。和元素class出现的顺序无关，如class="class2 class1”， 在class2、lass1的样式选择器优先级相同的情况下，并不是class1覆盖class2，而是依赖于class2,、class1所在样式文件被link进来的顺序。
• 3，要让某个样式的优先级变高，可以使用!important来指定。参考：CSS2 cascade - 6.4.2 !important rules
• 4，css属性的继承：

参考： 
css样式表中的样式覆盖顺序 
查看Firebug中的Style标签中各css属性的覆盖，可以校验上述的结论！

 

 

来源：https://www.cnblogs.com/fhtwins/p/3711451.html