span:nth-child(2n+1), SEM um <em> entre os elementos filhos.

Os filhos 1, 3, 5 e 7 são selecionados.

Span 1! Span 2 Span 3! Span 4 Span 5! Span 6 Span 7!

span:nth-child(2n+1), COM um <em> entre os elementos filhos.

Os filhos 1, 5 e 7 são selecionados.
O 3 está incluído na contagem por ser um filho, mas não é selecionado porque ele não é um <span>.

Span! Span Este é um `em`. Span Span! Span Span! Span

span:nth-of-type(2n+1), COM um <em> entre os elementos filhos.

Os filhos 1, 4, 6 e 8 são selecionados.
O 3 não está incluso na contagem nem é selecionado porque ele é um <em>, não um <span>, e nth-of-type seleciona apenas os filhos desse último tipo. O <em> é completamente pulado e ignorado.

Span! Span Este é um `em`. Span! Span Span! Span Span!