样式表之重叠性

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7     .box{
 8         font:60px microsoft yahei;
 9         color:pink;
10     }
11     .box2{
12         font-size:100px;
13         color:yellow;
14     }
15     </style>
16 </head>
17 <body>
18     <div class="box box2">星期五</div>
19 </body>
20 </html>

css三大特性：；
1.重叠性
前提：当多个样式作用于同一个或者同一类标签时，样式发生了冲突

结果：总是执行后面的代码，这是因为浏览器的解析顺序，后面的代码重叠前面的代码。