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.