CSS作用顺序，优先级（文件、本页与style属性谁先谁后）

　　一个网页由html元素与CSS样式合作打造，html元素用来排版布局，CSS样式用来修饰。而html元素与CSS样式是各自独立的，各发挥各的作用。CSS样式可以在三个地方定义，分别为：CSS文件、html网页内和元素的style属性中，问题来了，如果同时在两个地方定义了同一个CSS样式，那么谁发生作用？在CSS样式中，不存在两个同名同属性的CSS共同发挥作用的问题，所以只有CSS作用顺序或者说CSS优先级的问题。对于不同名并不同属性的CSS样式，它们可以同时修饰html元素，因而一个 class 中可以有多个CSS样式。

　　我们已经知道在CSS文件、html页与style属性中都可以定义CSS样式，它们的作用顺序优先级遵循离 class 近的原则，说到这里想必你已经知道谁先谁后了。

　　一、CSS优先级

　　1、style属性中的CSS样式；

　　2、html页中<style></style>之间的CSS样式；

　　3、CSS文件中的CSS样式。

　　从上面的排序可以看出，CSS优先级确实遵循离 class 属性近的原则。

　　二、CSS优先级举例

　　html元素：

　　<div class="cssorder" style="color:Red">CSS优先级，文件、本页与style属性谁先谁后</div>

　　CSS样式：

　　<style type="text/css">
　　　cssorder{color:Blue; width:350px; height:30px; border:1px solid #929292; line-height:28px; padding-left:8px;}
    </style>

　　效果图：

　　从效果图中可以看出，如果在CSS样式和style属性中同时定义了，则style属性中的发挥作用。例如：在CSS样式 cssorder 中把 color 定义为“蓝色”，在style属性中把 color 定义为“红色”，结果文字显示为红色。而style属性中没有定义的，则CSS样式 cssorder 定义了的，则CSS样式中的发挥作用。