层叠样式

层叠样式

代码如下:

<!doctype html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>测试层叠性</title>
      <style type="text/css">
         div{
            color:red;
         }  
         div{
            background-color:yellow;
         }
         div{
            font-size:24px;
         }
         div{
            background-color:green;
         }
      </style>
   </head>
   <body>
      <div>这是一个div元素</div>
   </body>
</html>

同样的属性后面的会覆盖前面的.

运行结果如下:

微信图片_20180314160949.png