1. List item
  2. List item
  3. List item
  4. List item
  5. List item
  6. List item
  7. List item
  8. List item
  9. List item
  10. List item
  11. List item
  12. List item
  13. List item
  14. List item
  15. List item
  16. List item
  17. List item
  18. List item

Note that you must hover over the ordered list to reveal its fullness. (Yes, I’m sorry if you’re on a mobie device. This is a simple testcase.)

The :nth-of-type() portion refers only to that element type within the document structure; in this case, li. It does not take the class negation into account when counting. Thus only the odd-numbered li elements (within the set of elements of that type) can be selected, regardless of whether they are displayed or not. Structural selectors care about document structure, not rendering. Otherwise, list items 6, 8, 10, and 12 (in the hovered state; 5, 7, 9, and 11 unhovered) would be red-on-silver.

Furthermore, only those odd-numbered li elements without a class containing skip are selected. Thus, the “skipped” list items do not get red italic text or silver backgrounds, even when they are odd-numbered members of the li type set.