span:nth-child(2n+1), БЕЗ <em> серед дочірніх елементів.

Вибрані дочірні елементи 1, 3, 5 і 7.

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

span:nth-child(2n+1), ІЗ <em> серед дочірніх елементів.

Вибрані дочірні елементи 1, 5 і 7.
3 враховується під час підрахунку, бо є дочірнім елементом, але не вибирається, бо не є <span>.

Span! Span Це `em`. Span Span! Span Span! Span

span:nth-of-type(2n+1), ІЗ <em> серед дочірніх елементів.

Вибрані дочірні елементи 1, 4, 6 і 8.
3 не враховується при підрахунку і не вибирається, бо є <em>, а не <span>, і nth-of-type вибирає лише дочірні елементи відповідного типу. <em> повністю пропускається й ігнорується.

Span! Span Це `em`. Span! Span Span! Span Span!