行间样式具有优先级

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 #box1{background:blue;width:100px;height:100px;border:10px solid #000;}
 8 .div1{background:red;}
 9 /*
10     行间样式>id>class>类型选择>通配符
11 */
12 </style>
13 </head>
14 <body>
15 <div class="div1" id="box1" style="background:yellow;"></div>
16 </body>
17 </html>

类型选择就是div{}或是p{}这类直接的

原文地址:https://www.cnblogs.com/hduhdc/p/5227919.html