样式引用的优先级

四种不同样式的引用优先级关系：

1.直接定义标记的STYLE属性

1.css 代码

 

1. "lh-col" style="background:#00ff00;">

  

这类样式引用优先级是最高的通常可用来强制设置相应标签样式；

2.定义内部样式表

2.css 代码

 

1. "text/css">   
2.   
3. #lh-col{   
4. background:#996600;}   
5.   
6.   

内部样式定义，它的优先级是和import，link的优先级相同的，并遵循就近原则；

3.样式导入

3.css 代码

 

1. "text/css">   
2. @import url(1.css);   
3.   

导入样式表和link和内部样式定义的优先级是同等的，但当@import 和内部样式定义写在同一个style标签内部时，内部样式的优先级始终要高于  @import的优先级；

4.连接外部样式表

4.css 代码

 

1. "stylesheet" type="text/css" href="3c-hd-lcrc-static-pp-presentation.css" />  

 

连接外部样式与内部定义样式，@import导入样式具有同等优先级；并同样遵循就近原则；