nth-of-type()の罠

CSSのnth-of-type()で見事にハマりました。
罠というか、自分が今まで勝手に勘違いしていただけなのですが。

結論から言うと下記ページですべてが語られています:
https://qiita.com/arisgi/items/d02e018cf7860ecc43c5

ググると出てくるサンプルがいつもpタグなのでちょっと気にはなっていたのですが、まさにそういう理由でした(意外と使いにくいな…)。
もしかしてnth-child()も同じか?