Comprendre le fonctionnement des sélecteurs CSS nth-* (en)

Lea Verrou a concocter une petite démo interactive pour mieux comprendre le fonctionnement des sélecteurs CSS nth-* :
nth-child(n)
nth-last-child(n)
nth-of-type(n)
nth-last-of-type(n)