<p class="first">   （父亲）

  <span>我还是一个    （第一代

      <span>胆小如鼠</span>   （第一代的儿子）

     的小女孩</span>      ）

  </p>

根据标签匹配的就近原则很明显类名为first第一代为第一个<span>我还是一个胆小如鼠的小女孩</span>第二代才是胆小如鼠，因为浏览器执行是从上到下从左到右，每当读取到一个结束标签就会匹配最近的一个开始标签，不是从开始标签去找最近的一个结束标签。上面主要石针对胆小如鼠加上span标签来设置单独的样式。如果你想要分成不同的样式就给    <span> 我还是一个</span> <span> 的小女孩</span>加上单独的span标签再给他们规则就可以了。就像下面这样

<p> （父亲）

    <span> 我还是一个</span> （第一代）

     <span>胆小如鼠</span>（第一代的兄弟）

    <span>的小女孩</span>（第一代的兄弟）

</p>

你说的那种划分在同种标签内根本不成立。怎么可能让胆小如鼠即属于第一代的儿子，又属于同代的弟弟的儿子呢

只有下面这种方式。

<p> （父亲）

    <span> 我还是一个   （第一代）

          <span>胆小如鼠</span>（第一代的儿子）

    </span>

     <span>的小女孩</span>（第一代的兄弟）

</p>