Il primo menu ha i nomi di classe su ogni voce del menu, permettendo un facile obiettivo per i colori diversi su ogni elemento. Questa è forse la soluzione più semplice se si desidera creare un sito HTML statico.
Tuttavia, se il menu è stato generato dinamicamente, utilizzando qualcosa come WordPress, non si può avere la possibilità di aggiungere facilmente i nomi delle classi per ogni voce di menu. Avete bisogno di indirizzare le voci di menu in base alla loro posizione nel menu. Una soluzione è utilizzare uno dei CSS3 pseudo-selettore: nth-child come nel secondo menu. Tuttavia, queste non funzionano in IE8 e inferiori.
Una soluzione che funziona in IE7 e IE8 (ma non IE6) come nel terzo menu è di usare il selettore "fratello adiacente" . Per selezionare la voce 2 del menu usa "li + li". Per selezionare la voce 3 del menu "li + li + li".