最初にコードを見てください
<style>
div span:nth-child(2){
color: greenyellow;
}
div span:nth-of-type(2){
color: red;
}
</style>
<div>
<span>我是第1</span>
<div>我是div</div>
<span>我是第2</span>
<span>我是第3</span>
<span>我是第4</span>
<span>我是第5</span>
</div>
nth-child(n)コード例:divの下の2番目の子要素はスパンでなければなりません(スタイルが指定されています)。スパンでない場合は無効です
nth-type-of(n):すべてのスパンの2番目のスパン