<table class="box" cellspacing="0" cellpadding="0">

  <tr class="tr1">

    <td>nth-child(1)</td>

    <td>nth-of-type(1)</td>

  </tr>

  <tr>

    <td>排序后的第一个元素是 p ，与 div 不符，所以忽略</td>

    <td>先对 div 元素进行排序，然后选择第一个元素改变其背景颜色</td>

  </tr>

  <tr class="tr2">

    <td class="td1">

      <p>光头强</p>

      <div>熊大</div>

      <div>熊二</div>

    </td>

    <td class="td2">

      <p>光头强</p>

      <div>熊大</div>

      <div>熊二</div>

    </td>

  </tr>

</table>