カスケードスタイル

カスケードスタイル

コードは次のとおりです:

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

同じ属性back は前のものを上書きします。

実行結果は次のとおりです:

微信图片_20180314160949.png