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