계단식 스타일

캐스케이딩 스타일

코드는 다음과 같습니다.

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