No sé si la solución es buena o chapucera pero aquí va. En los comentarios /* */ coloqué lo que logré entender de los resultados obtenidos, ya que nunca lo había intentado antes:
Código PHP:
ol {
counter-reset: item; /* Resetear a 1 por defecto */
}
li {
display: block; /* Ocultar la numeración original */
}
li:before {
counter-increment: item; /* Incrementar según la referencia ol */
content: counter(item) ". "; /* Agregar el punto ( . ) después del número */
}
li+li+li+li+li {
counter-reset: item 8; /* Incrementar la referencia + 8 = 9 */
}
li+li+li+li+li+li {
counter-reset: item 9; /* Incrementar la referencia + 9 = 10 */
}
Ante tal situación es necesario mencionar que hacer esto con puro CSS no es la manera correcta de proceder. La alteración de la numeración de listas no es un asunto de presentación sino de estructura. Se entiende que el reto era lograrlo con CSS, pero creo que es bueno haber hecho esa acotación.