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属性的覆盖,可以 校验上述的结论

你可能感兴趣的:(css)