CSS优先级详解-优快云博客

一般情况下，优先级如下：

（外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style

引用的外部样式css后面的优先级高于前面的优先级。

例如：

优先级ace-skins.min.css>assets/css/ace-rtl.min.css>assets/css/ace.min.css

放在后面的css文件高于放在前面的。

有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

示例如下：

 
  <head>
     <style type="text/css">
       /* 内部样式 */
       h3{color:green;}
     </style>
  
     <!-- 外部样式 style.css -->
     <link rel="stylesheet" type="text/css" href="style.css"/>
     <!-- 设置：h3{color:blue;} -->
 </head>
 <body>
     <h3>测试！</h3>
 </body>
 