继承 - [: 'CSS火速入门 - 表严肃讲CSS' |cut:tmp.cut_limit :]

整页预览

<style>
  .g-pa {
    font-size: 25px;
  }

  .pa {
    color: royalblue;
  }
</style>

<div class="gg-pa">
  曾爷爷：我穷
  <div class="g-pa">
    爷爷：我要祖传font-size
    <div class="pa">
      爸爸：我要祖传color
      <div class="me">
        我：Yo
      </div>
    </div>
  </div>
</div>

整页预览

<style>
  /*0,0,0,0*/
  * {
    color: tomato;
    font-size: 7px;
  }

  .g-pa {
    font-size: 25px;
  }

  .pa {
    color: royalblue;
  }

  /*0,0,0,1*/
  div {
    /*...*/
  }
</style>

<div class="gg-pa">
  曾爷爷：我穷
  <div class="g-pa">
    爷爷：我要祖传font-size
    <div class="pa">
      爸爸：我要祖传color
      <div class="me">
        我：Yo
      </div>
    </div>
  </div>
</div>