span:nth-child(2n+1)
, SEM um <em>
entre os
elementos filhos.
Os filhos 1, 3, 5 e 7 são selecionados.
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: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.