Css样式覆盖顺序

[list]
[*][b]1,css样式选择器的优先级为[/b]:[color=red]“元素上的style” > “id选择器” > “class类及伪类选择器” > “元素类型及伪类选择器”[/color]。参考:[url=http://www.w3.org/TR/CSS2/cascade.html]CSS2 cascade - 6.4.3 Calculating a selector's specificity[/url]
[*][b]2,css样式选择器的优先级相同时[/b][color=red],根据样式被加载的顺序渲染,后面定义的样式生效[/color]。和元素class出现的顺序无关,如class="class2 class1”, 在class2、lass1的样式选择器优先级相同的情况下,并不是class1覆盖class2,而是依赖于class2,、class1所在样式文件被link进来的顺序。
[*][b]3,要让某个样式的优先级变高,[/b][color=red]可以使用!important来指定[/color]。参考:[url=http://www.w3.org/TR/CSS2/cascade.html]CSS2 cascade - 6.4.2 !important rules[/url]
[*][b]4,css属性的继承[/b]:
[/list]
参考:
[url=http://spartan1.iteye.com/blog/1526735]css样式表中的样式覆盖顺序[/url]
查看Firebug中的Style标签中各css属性的覆盖,可以[color=red]校验上述的结论[/color]!

你可能感兴趣的:(Html)