層疊樣式

層疊樣式

程式碼如下：

<!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