When you need to select the nth number of an element. This differs from nth-child because nth-child will select the nth child of a parent whereas nth-of-type will select the nth of the type of element.
Take this piece of code for example:
nth-child will select
nth-of-type will select