There are lots of CSS pseudo selectors. Some of them are more useful in some scenarios in my opinion.
:nth-of-type(n) selector is very similar tor :nth-child selector but in some cases it is more handy.
You need a hierarchical nesting when it comes to nth-child like ul > li, but in some cases -especially if javascript is rendering unused html elements, you may need to intervene it with CSS, rather than playing with JavaScript itself.
With the nth-of-type you can target elements like <p> within a container. Thus, it would be easier.
On that note, I wouldn’t recommend specific targeting on elements but who knows, you might need it. The example below show the operational principles of the nth-of-type.