如何在這裏正確實現nth-type？

Question

<div id="Main"> 
    <div id="sub"> 
     <section id="sub2"> 
      <div>1</div> 
      <div>2</div> 
      <div>3</div> 
     </section> 
    </div> 
</div> 

當我嘗試「div：nth-​​of-type（1）before {content：」Foo：「;}」時，Foo被輸出到所有div上。我明白爲什麼會發生這種情況。有沒有一種方法來解決這個問題，只有輸出部分下的div？

編輯：我不能做第n部分，因爲我面臨同樣的問題。還有其他地方我也有節元素。

Answer 1

SUB2應該是唯一的，所以：

#sub2 div:first-child::before{content: "Foo: ";}