Nth-of-type funciona raro

[pzin]

HTML5 tiene la particularidad de que existen elemento que no hacen falta cerrar, como por ejemplo los elementos de una lista, luego un código así es válido:

Código HTML:

<li>un
<li>dos
<li>tres
<li>cuatro
 

Entonces si haces esto:

Código HTML:

<li>un<li>
<li>dos<li>
<li>tres<li>
<li>cuatro<li>
 

Tienes ocho elementos, porque no los estás cerrando, sino creando otro (no son etiquetas de cierre vaya) y te pasa lo que te pasa.