在CSS嵌套伪选择器结构中定位最后一个子节点

Question

目标：仅定位并规划最后一个＆＃39; root＆＃39;特定html元素类型的子元素，在兄弟根源子元素类型具有相同类型的嵌套子元素的结构中。

问题：所有嵌套的子项也会在root-children之外进行样式化。

示例：鉴于以下较大结构的块，我只想定位“GOLD＆＃39; span，它始终是父div中span类型的最后一个子节点。

＆＃13;

＆＃13;

div span:last-child {
  color: gold;
}

＆＃13;

<div>0

  <span>1
      <span>2
        <span>3
        </span>
      </span>
  </span>

  <br/>

  <span>a
      <span>b
        <span>c
        </span>
      </span>
  </span>

  <span>GOLD
  </span>

</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

在>之后添加div：

div>span:last-child {
  color: gold;
}

<div>0

  <span>1
      <span>2
        <span>3
        </span>
  </span>
  </span>

  <br/>

  <span>a
      <span>b
        <span>c
        </span>
  </span>
  </span>

  <span>GOLD
  </span>

</div>