span:nth-child(2n+1), without an <em> inside the child elements. Children 1, 3, 5, and 7 are selected, as expected.

This span is selected! This span is not. :( What about this? And this one? Another example Yet another example Aaaaand another

span:nth-child(2n+1), with an <em> inside the child elements. Children 1, 5, and 7 are selected. 3 is used in the counting because it is a child, but it isn't selected because it isn't a <span>.

This span is selected! This span is not. :( This one is an em. What about this? And this one? Another example Yet another example Aaaaand another

span:nth-of-type(2n+1), with an <em> inside the child elements. Children 1, 4, 6, and 8 are selected. 3 isn't used in the counting or selected because it is an <em>, not a <span>, and nth-of-type only selects children of that type. The <em> is completely skipped over and ignored.

This span is selected! This span is not. :( This one is an em. What about this? And this one? Another example Yet another example Aaaaand another